{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3dtgB3i7doSGo5NuvYmh/KG5ePnwlRU0X85rVEtRF/TextWithImage.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export default function InlineTextWithImages({text,images,font,fontWeight,fontSize,imageSize,imageTopOffset,gap,textAlign,colorType,solidColor,gradientAngle,gradientStart,gradientEnd}){// Split text by \"|img|\" symbol to identify where images should be placed\nconst parts=text.split(\"|img|\");return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",justifyContent:textAlign===\"left\"?\"flex-start\":textAlign===\"center\"?\"center\":\"flex-end\",textAlign:textAlign,fontFamily:font,fontWeight:fontWeight,fontSize:`${fontSize}px`,lineHeight:\"1.5em\",letterSpacing:\"0.01em\",whiteSpace:\"normal\",wordBreak:\"break-word\"},children:parts.map((part,index)=>/*#__PURE__*/_jsxs(\"span\",{style:{display:\"inline\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline\",verticalAlign:\"middle\",backgroundImage:colorType===\"gradient\"?`linear-gradient(${gradientAngle}deg, ${gradientStart}, ${gradientEnd})`:\"none\",backgroundClip:\"text\",WebkitBackgroundClip:\"text\",color:colorType===\"gradient\"?\"transparent\":solidColor,maskImage:colorType===\"gradient\"?`linear-gradient(${gradientAngle}deg, ${gradientStart}, ${gradientEnd})`:\"none\",WebkitMaskImage:colorType===\"gradient\"?`linear-gradient(${gradientAngle}deg, ${gradientStart}, ${gradientEnd})`:\"none\"},children:part.trim()}),index<images.length&&images[index]&&/*#__PURE__*/_jsx(\"span\",{style:{display:\"inline-block\",verticalAlign:\"middle\"},children:/*#__PURE__*/_jsx(\"img\",{src:images[index],alt:\"inline\",style:{display:\"inline-block\",verticalAlign:\"middle\",width:`${imageSize}px`,height:`${imageSize}px`,objectFit:\"cover\",borderRadius:\"0px\",marginLeft:`${gap}px`,position:\"relative\",top:`${imageTopOffset}px`}})})]},index))});}addPropertyControls(InlineTextWithImages,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"This |img| is the best |img| website |img| title\"},images:{type:ControlType.Array,title:\"Images\",propertyControl:{type:ControlType.Image}},font:{type:ControlType.String,title:\"Font\",defaultValue:\"SF pro jp\"},fontWeight:{type:ControlType.Enum,title:\"Font Weight\",options:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],optionTitles:[\"Thin\",\"Extra Light\",\"Light\",\"Regular\",\"Medium\",\"Semi Bold\",\"Bold\",\"Extra Bold\",\"Black\"],defaultValue:\"900\"},fontSize:{type:ControlType.Number,title:\"Font Size (px)\",min:10,max:100,step:1,defaultValue:24},imageSize:{type:ControlType.Number,title:\"Image Size (px)\",min:10,max:100,step:1,defaultValue:24},imageTopOffset:{type:ControlType.Number,title:\"Image Top Offset (px)\",min:-10,max:10,step:1,defaultValue:0},gap:{type:ControlType.Number,title:\"Gap (px)\",min:0,max:50,step:1,defaultValue:4},colorType:{type:ControlType.Enum,title:\"Color Type\",options:[\"solid\",\"gradient\"],optionTitles:[\"Solid Color\",\"Gradient\"],defaultValue:\"solid\"},solidColor:{type:ControlType.Color,title:\"Solid Color\",defaultValue:\"#0D0D0D\",hidden(props){return props.colorType!==\"solid\";}},gradientAngle:{type:ControlType.Number,title:\"Gradient Angle (\\xb0)\",min:0,max:360,step:1,defaultValue:0,hidden(props){return props.colorType!==\"gradient\";}},gradientStart:{type:ControlType.Color,title:\"Gradient Start\",defaultValue:\"#00CD6B\",hidden(props){return props.colorType!==\"gradient\";}},gradientEnd:{type:ControlType.Color,title:\"Gradient End\",defaultValue:\"#0085FF\",hidden(props){return props.colorType!==\"gradient\";}},textAlign:{type:ControlType.Enum,title:\"Text Align\",options:[\"left\",\"center\",\"right\"],optionTitles:[\"Left\",\"Center\",\"Right\"],defaultValue:\"center\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"InlineTextWithImages\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextWithImage.map"],
  "mappings": "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",
  "names": ["InlineTextWithImages", "text", "images", "font", "fontWeight", "fontSize", "imageSize", "imageTopOffset", "gap", "textAlign", "colorType", "solidColor", "gradientAngle", "gradientStart", "gradientEnd", "parts", "p", "part", "index", "u", "addPropertyControls", "ControlType", "props"]
}