{"version":3,"sources":["Section_Heading_With_Underline.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { addPropertyControls, ControlType } from \"framer\"\n\n/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */\nexport default function Section_Heading_With_Underline(props) {\n    const styles: Record<string, React.CSSProperties> = {\n        heading: {\n            position: \"relative\",\n            fontFamily: \"Figtree\",\n            color: props.fontColor,\n            fontSize: props.fontSize,\n            lineHeight: 1.2,\n            margin: 0,\n            whiteSpace: props.textWrap ? \"normal\" : \"nowrap\",\n        },\n        dash: {\n            position: \"absolute\",\n            background: props.dashColor,\n            height: 0,\n            width: props.dashWidth,\n            left: 0,\n            bottom: -3,\n        },\n    }\n\n    return (\n        <h4 style={styles.heading}>\n            {props.prefix} {props.title} {props.suffix}\n            <span style={styles.dash}></span>\n        </h4>\n    )\n}\n\naddPropertyControls(Section_Heading_With_Underline, {\n    prefix: {\n        title: \"Prefix\",\n        type: ControlType.String,\n    },\n    title: {\n        title: \"Text\",\n        type: ControlType.String,\n    },\n    suffix: {\n        title: \"Suffix\",\n        type: ControlType.String,\n    },\n    fontColor: {\n        title: \"Font Color\",\n        type: ControlType.Color,\n    },\n    fontSize: {\n        title: \"Font Size\",\n        type: ControlType.Number,\n    },\n    textWrap: {\n        title: \"Text Wrap\",\n        type: ControlType.Boolean,\n    },\n    dashColor: {\n        title: \"Dash Color\",\n        type: ControlType.Color,\n    },\n    dashWidth: {\n        title: \"Dash Width\",\n        type: ControlType.Number,\n    },\n})\n\nSection_Heading_With_Underline.defaultProps = {\n    prefix: \"\",\n    title: \"Title\",\n    suffix: \"\",\n    fontSize: 18,\n    fontColor: \"#000\",\n    dashColor: \"#000\",\n    dashWidth: 25,\n    textWrap: true,\n}\n"],"names":[],"mappings":"yDACA,OAAS,mBAAmB,CAAE,WAAW,KAAQ,SAAQ,AAEzD;;;;;;CAMC,EACD,eAAe,SAAS,+BAA+B,KAAK,EACxD,MAAM,OAA8C,CAChD,QAAS,CACL,SAAU,WACV,WAAY,UACZ,MAAO,MAAM,SAAS,CACtB,SAAU,MAAM,QAAQ,CACxB,WAAY,IACZ,OAAQ,EACR,WAAY,MAAM,QAAQ,CAAG,SAAW,QAC5C,EACA,KAAM,CACF,SAAU,WACV,WAAY,MAAM,SAAS,CAC3B,OAAQ,EACR,MAAO,MAAM,SAAS,CACtB,KAAM,EACN,OAAQ,CAAC,CACb,CACJ,EAEA,oBACI,MAAC,MAAG,MAAO,OAAO,OAAO,WACpB,MAAM,MAAM,CAAC,IAAE,MAAM,KAAK,CAAC,IAAE,MAAM,MAAM,cAC1C,KAAC,QAAK,MAAO,OAAO,IAAI,MAGpC,CAEA,oBAAoB,+BAAgC,CAChD,OAAQ,CACJ,MAAO,SACP,KAAM,YAAY,MAAM,AAC5B,EACA,MAAO,CACH,MAAO,OACP,KAAM,YAAY,MAAM,AAC5B,EACA,OAAQ,CACJ,MAAO,SACP,KAAM,YAAY,MAAM,AAC5B,EACA,UAAW,CACP,MAAO,aACP,KAAM,YAAY,KAAK,AAC3B,EACA,SAAU,CACN,MAAO,YACP,KAAM,YAAY,MAAM,AAC5B,EACA,SAAU,CACN,MAAO,YACP,KAAM,YAAY,OAAO,AAC7B,EACA,UAAW,CACP,MAAO,aACP,KAAM,YAAY,KAAK,AAC3B,EACA,UAAW,CACP,MAAO,aACP,KAAM,YAAY,MAAM,AAC5B,CACJ,GAEA,+BAA+B,YAAY,CAAG,CAC1C,OAAQ,GACR,MAAO,QACP,OAAQ,GACR,SAAU,GACV,UAAW,OACX,UAAW,OACX,UAAW,GACX,SAAU,IACd"}