{"version":3,"file":"GradientText.CyJqs2lr.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/dZe4Z9rkiL86POLlkOPA/cxoSmgJ8Iwtqa1jRVIfn/GradientText.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useMemo,useEffect,useState}from\"react\";/**\n * A text component that allows for a solid color part and a gradient part\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function GradientText(props){const{text,gradientText,solidColor,gradientColors,gradientDirection,fontSize,fontWeight,textAlign,invert,font,style}=props;// Responsive font size state\nconst[responsiveFontSize,setResponsiveFontSize]=useState(fontSize);// Calculate responsive font size based on container width\nuseEffect(()=>{if(typeof window===\"undefined\")return;const handleResize=()=>{const width=window.innerWidth;let newSize=fontSize;if(width<480){// Mobile\nnewSize=fontSize*.5;}else if(width<768){// Tablet\nnewSize=fontSize*.7;}else if(width<1024){// Small desktop\nnewSize=fontSize*.85;}setResponsiveFontSize(newSize);};handleResize();window.addEventListener(\"resize\",handleResize);return()=>window.removeEventListener(\"resize\",handleResize);},[fontSize]);const gradient=useMemo(()=>{return`linear-gradient(${gradientDirection}, ${gradientColors.join(\", \")})`;},[gradientColors,gradientDirection]);const isFixedWidth=props?.style&&props.style.width===\"100%\";return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",display:\"flex\",alignItems:\"center\",justifyContent:textAlign===\"center\"?\"center\":textAlign===\"right\"?\"flex-end\":\"flex-start\",width:\"100%\",height:\"100%\",...style},children:/*#__PURE__*/_jsx(\"h1\",{style:{margin:0,fontSize:`${responsiveFontSize}px`,fontWeight,textAlign,width:\"100%\",...font},children:invert?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"span\",{style:{background:gradient,WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\",backgroundClip:\"text\",color:\"transparent\"},children:gradientText}),\" \",/*#__PURE__*/_jsx(\"span\",{style:{color:solidColor},children:text})]}):/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"span\",{style:{color:solidColor},children:text}),\" \",/*#__PURE__*/_jsx(\"span\",{style:{background:gradient,WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\",backgroundClip:\"text\",color:\"transparent\"},children:gradientText})]})})});}addPropertyControls(GradientText,{invert:{type:ControlType.Boolean,title:\"Invert Order\",defaultValue:false,enabledTitle:\"Yes\",disabledTitle:\"No\"},text:{type:ControlType.String,title:\"Solid Text\",defaultValue:\"Measure and Optimize your\"},gradientText:{type:ControlType.String,title:\"Gradient Text\",defaultValue:\"Media Mix with AI\"},solidColor:{type:ControlType.Color,title:\"Solid Color\",defaultValue:\"#1D0E3D\"},gradientColors:{type:ControlType.Array,title:\"Gradient Colors\",control:{type:ControlType.Color},defaultValue:[\"#E6007E\",\"#9738CD\"],maxCount:5},gradientDirection:{type:ControlType.Enum,title:\"Direction\",options:[\"to right\",\"to left\",\"to bottom\",\"to top\"],defaultValue:\"to right\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:64,min:10,max:200,step:1},fontWeight:{type:ControlType.Number,title:\"Font Weight\",defaultValue:700,min:100,max:900,step:100},textAlign:{type:ControlType.Enum,title:\"Align\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"64px\",lineHeight:\"1.2em\",letterSpacing:\"-0.02em\",variant:\"Bold\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientText\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientText.map"],"mappings":"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"}