{"version":3,"file":"TextImageMask.DWrkOLIa.mjs","names":[],"sources":["https:/framerusercontent.com/modules/S0iYAtbtg05gw1I7gpbj/OvGpwE0CV8Y0iZGqbx1G/TextImageMask.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @copyright ©framersnippets.com\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 77\n * @framerDisableUnlink\n **/export default function TextImageMask({content,font,image,tag}){const{fontFamily,fontSize,fontWeight,lineHeight,letterSpacing,textAlign}=font;const textStyles={color:\"transparent\",backgroundImage:`url(${image})`,backgroundRepeat:\"no-repeat\",backgroundSize:\"cover\",backgroundPosition:\"center\",WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\",whiteSpace:\"pre-wrap\",wordBreak:\"break-word\",fontFamily,fontSize,fontWeight,lineHeight,letterSpacing};const wrapperStyles={textAlign};const Tag=tag||\"p\";return /*#__PURE__*/_jsx(\"div\",{style:wrapperStyles,children:/*#__PURE__*/_jsx(Tag,{style:{all:\"unset\",...textStyles},children:content})});}TextImageMask.defaultProps={content:\"MaskMixer\",font:{fontFamily:\"Inter, sans-serif\",fontSize:15,fontWeight:400,lineHeight:1.4,letterSpacing:0,textAlign:\"center\"},image:\"https://images.unsplash.com/photo-1508367125578-6246f83905f7?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\",tag:\"span\"};addPropertyControls(TextImageMask,{content:{type:ControlType.String,title:\"Content\",defaultValue:\"MaskMixer\",placeholder:\"Type something…\",displayTextArea:true},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",displayTextAlignment:true,defaultFontType:\"sans-serif\",defaultValue:{fontSize:15,lineHeight:1.4,letterSpacing:0,textAlign:\"left\"}},image:{type:ControlType.Image,title:\"Image\"},tag:{type:ControlType.Enum,title:\"Tag\",options:[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"p\",\"span\"],optionTitles:[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"p\",\"span\"],defaultValue:\"p\",description:`\nImportant: Update the component in Framer (Assets > Components > Click purple update button) to prevent crashes.\n`}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TextImageMask\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"77\",\"framerDisableUnlink\":\"\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextImageMask.map"],"mappings":"4JAMI,SAAwB,EAAc,CAAC,UAAQ,OAAK,QAAM,OAAK,CAAC,GAAK,CAAC,aAAW,WAAS,aAAW,aAAW,gBAAc,aAAW,EAAW,EAAW,CAAC,MAAM,cAAc,gBAAgB,OAAO,EAAM,GAAG,iBAAiB,YAAY,eAAe,QAAQ,mBAAmB,SAAS,qBAAqB,OAAO,oBAAoB,cAAc,WAAW,WAAW,UAAU,aAAa,aAAW,WAAS,aAAW,aAAW,eAAa,EAAqD,OAAoB,EAAK,MAAM,CAAC,MAAM,CAApE,WAAgF,EAAE,SAAsB,EAAnF,GAAK,IAAuF,CAAC,MAAM,CAAC,IAAI,QAAQ,GAAG,CAAU,EAAE,SAAS,CAAO,CAAC,CAAC,CAAC,CAAE,iBANhmB,IAAoD,EAM6iB,EAAc,aAAa,CAAC,QAAQ,YAAY,KAAK,CAAC,WAAW,oBAAoB,SAAS,GAAG,WAAW,IAAI,WAAW,IAAI,cAAc,EAAE,UAAU,QAAQ,EAAE,MAAM,yKAAyK,IAAI,MAAM,EAAE,EAAoB,EAAc,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,YAAY,YAAY,kBAAkB,gBAAgB,EAAI,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,qBAAqB,GAAK,gBAAgB,aAAa,aAAa,CAAC,SAAS,GAAG,WAAW,IAAI,cAAc,EAAE,UAAU,MAAM,CAAC,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,EAAE,IAAI,CAAC,KAAK,EAAY,KAAK,MAAM,MAAM,QAAQ,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,IAAI,MAAM,EAAE,aAAa,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,IAAI,MAAM,EAAE,aAAa,IAAI,YAAY;;CAEriD,CAAC,CAAC"}