{"version":3,"file":"Corner_component.BiI5LFow.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/TxpVYUaM5vlhs9eWTYs5/205PQbslCujdF3mNXOqx/Corner_component.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * FOUR CORNERS ICON COMPONENT\n * Aligns the geometric center of an icon to the 4 corners of the container.\n */export default function FourCorners(props){const{icon,iconSize,rotation}=props;const containerStyle={width:\"100%\",height:\"100%\",position:\"relative\"};const iconWrapperStyle={position:\"absolute\",width:iconSize,height:iconSize,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",// This ensures the center of the div is what sits on the corner\ntransform:`translate(-50%, -50%) rotate(${rotation}deg)`,pointerEvents:\"none\"};return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:icon?/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{style:{...iconWrapperStyle,top:0,left:0},children:/*#__PURE__*/_jsx(\"img\",{src:icon,style:imgStyle})}),/*#__PURE__*/_jsx(\"div\",{style:{...iconWrapperStyle,top:0,left:\"100%\"},children:/*#__PURE__*/_jsx(\"img\",{src:icon,style:imgStyle})}),/*#__PURE__*/_jsx(\"div\",{style:{...iconWrapperStyle,top:\"100%\",left:0},children:/*#__PURE__*/_jsx(\"img\",{src:icon,style:imgStyle})}),/*#__PURE__*/_jsx(\"div\",{style:{...iconWrapperStyle,top:\"100%\",left:\"100%\"},children:/*#__PURE__*/_jsx(\"img\",{src:icon,style:imgStyle})})]}):/*#__PURE__*/_jsx(\"div\",{style:placeholderStyle,children:\"Upload Icon\"})});}const imgStyle={width:\"100%\",height:\"100%\",objectFit:\"contain\"};const placeholderStyle={display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:\"100%\",height:\"100%\",fontSize:10,color:\"#888\",border:\"1px dashed #ccc\",borderRadius:4};FourCorners.defaultProps={iconSize:40,rotation:0};addPropertyControls(FourCorners,{icon:{type:ControlType.Image,title:\"Icon\"},iconSize:{type:ControlType.Number,title:\"Size\",min:10,max:300,defaultValue:40},rotation:{type:ControlType.Number,title:\"Rotation\",unit:\"\\xb0\",min:0,max:360,defaultValue:0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FourCorners\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Corner_component.map"],"mappings":"0KAGG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,OAAK,WAAS,YAAU,EAAY,EAAe,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,UAAU,EAAQ,EAAiB,CAAC,SAAS,WAAW,MAAM,EAAS,OAAO,EAAS,QAAQ,OAAO,WAAW,SAAS,eAAe,SACrR,UAAU,gCAAgC,EAAS,MAAM,cAAc,MAAM,EAAE,OAAoB,EAAK,MAAM,CAAC,MAAM,EAAe,SAAS,EAAkB,EAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAiB,IAAI,EAAE,KAAK,CAAC,EAAE,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAK,MAAM,CAAQ,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAiB,IAAI,EAAE,KAAK,MAAM,EAAE,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAK,MAAM,CAAQ,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAiB,IAAI,OAAO,KAAK,CAAC,EAAE,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAK,MAAM,CAAQ,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,GAAG,EAAiB,IAAI,OAAO,KAAK,MAAM,EAAE,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAK,MAAM,CAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,EAAiB,SAAS,aAAa,CAAC,CAAC,CAAC,CAAE,qBAJ9sB,IAAoD,EAIiqB,EAAS,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,SAAS,EAAQ,EAAiB,CAAC,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,MAAM,OAAO,OAAO,OAAO,SAAS,GAAG,MAAM,OAAO,OAAO,kBAAkB,aAAa,CAAC,EAAE,EAAY,aAAa,CAAC,SAAS,GAAG,SAAS,CAAC,EAAE,EAAoB,EAAY,CAAC,KAAK,CAAC,KAAK,EAAY,MAAM,MAAM,MAAM,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,IAAI,GAAG,IAAI,IAAI,aAAa,EAAE,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,KAAK,IAAO,IAAI,EAAE,IAAI,IAAI,aAAa,CAAC,CAAC,CAAC"}