{"version":3,"file":"NavLink.Ctx1xV93.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/iHKh79T8ZNKnbnksiZqG/h4qugclRfELwg055D2Nj/NavLink.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{useState}from\"react\";/**\n * Nav Link\n *\n * A text link with the site's nav-hover flourish: a box wipes in from the\n * left and the text flips to a contrasting colour.\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function NavLink(props){const{text=\"Read the full breakdown\",href=\"#\",openInNewTab=true,color=\"#8a8782\",hoverBg=\"#d9d6d0\",hoverText=\"#1c1a19\",font}=props;const[h,setH]=useState(false);return /*#__PURE__*/_jsxs(\"a\",{href:href,target:openInNewTab?\"_blank\":undefined,rel:openInNewTab?\"noreferrer\":undefined,onMouseEnter:()=>setH(true),onMouseLeave:()=>setH(false),style:{position:\"relative\",display:\"inline-flex\",alignItems:\"center\",padding:\"2px 8px\",margin:\"-2px -8px\",overflow:\"hidden\",textDecoration:\"none\",cursor:\"pointer\",width:\"max-content\",...props.style},children:[/*#__PURE__*/_jsx(motion.span,{\"aria-hidden\":true,initial:false,animate:{scaleX:h?1:0},transition:{duration:.35,ease:[.22,1,.36,1]},style:{position:\"absolute\",inset:0,background:hoverBg,transformOrigin:\"left\"}}),/*#__PURE__*/_jsx(\"span\",{style:{...font,position:\"relative\",zIndex:1,color:h?hoverText:color,transition:\"color 0.25s ease\",whiteSpace:\"nowrap\"},children:text})]});}addPropertyControls(NavLink,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"Click here to read a full breakdown of the creative process.\"},href:{type:ControlType.Link,title:\"Link\"},openInNewTab:{type:ControlType.Boolean,title:\"New Tab\",defaultValue:true},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#8a8782\"},hoverBg:{type:ControlType.Color,title:\"Hover Box\",defaultValue:\"#d9d6d0\"},hoverText:{type:ControlType.Color,title:\"Hover Text\",defaultValue:\"#1c1a19\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"monospace\",defaultValue:{fontSize:\"13px\",letterSpacing:\"0.02em\",lineHeight:\"1.4em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NavLink\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NavLink.map"],"mappings":"kOAQG,SAAwB,EAAQ,EAAM,CAAC,GAAK,CAAC,OAAK,0BAA0B,OAAK,IAAI,eAAa,GAAK,QAAM,UAAU,UAAQ,UAAU,YAAU,UAAU,QAAM,EAAW,CAAC,EAAE,GAAMA,EAAS,GAAM,CAAC,OAAoB,EAAM,IAAI,CAAM,OAAK,OAAO,EAAa,SAAS,IAAA,GAAU,IAAI,EAAa,aAAa,IAAA,GAAU,iBAAiB,EAAK,GAAK,CAAC,iBAAiB,EAAK,GAAM,CAAC,MAAM,CAAC,SAAS,WAAW,QAAQ,cAAc,WAAW,SAAS,QAAQ,UAAU,OAAO,YAAY,SAAS,SAAS,eAAe,OAAO,OAAO,UAAU,MAAM,cAAc,GAAG,EAAM,MAAM,CAAC,SAAS,CAAc,EAAK,EAAO,KAAK,CAAC,cAAc,GAAK,QAAQ,GAAM,QAAQ,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,WAAW,EAAQ,gBAAgB,OAAO,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,GAAG,EAAK,SAAS,WAAW,OAAO,EAAE,MAAM,EAAE,EAAU,EAAM,WAAW,mBAAmB,WAAW,SAAS,CAAC,SAAS,EAAK,CAAC,CAAC,CAAC,CAAC,kBAR14B,IAAoD,IAAkC,IAA4B,CAQ0xB,EAAoB,EAAQ,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,+DAA+D,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,CAAC,aAAa,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,GAAK,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAY,MAAM,MAAM,YAAY,aAAa,UAAU,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,SAAS,WAAW,gBAAgB,YAAY,aAAa,CAAC,SAAS,OAAO,cAAc,SAAS,WAAW,QAAQ,CAAC,CAAC,CAAC"}