{"version":3,"file":"ImageFilter.D6hKLGsY.mjs","names":[],"sources":["https:/framerusercontent.com/modules/ty7NPtMUslm824Ma2Lv8/9ZW25y1XXNoHdX3uJ4HQ/ImageFilter.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Image Filter\n *\n * An image container that can darken or brighten PNG images using CSS filters.\n * Useful for creating white or dark versions of logos.\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function ImageFilter(props){const{image=\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",filterMode=\"none\",borderRadius=\"0px\",objectFit=\"contain\"}=props;const getFilter=()=>{switch(filterMode){case\"darken\":return\"brightness(0)\";case\"brighten\":return\"brightness(0) invert(1)\";case\"none\":default:return\"none\";}};const containerStyle={position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",borderRadius,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"};const imageStyle={width:\"100%\",height:\"100%\",objectFit,filter:getFilter(),display:\"block\"};return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:/*#__PURE__*/_jsx(\"img\",{src:image,alt:\"\",style:imageStyle})});}addPropertyControls(ImageFilter,{image:{type:ControlType.File,title:\"Image\",allowedFileTypes:[\"png\",\"jpg\",\"jpeg\",\"gif\",\"webp\",\"svg\"]},filterMode:{type:ControlType.Enum,title:\"Filter Mode\",options:[\"none\",\"darken\",\"brighten\"],optionTitles:[\"None\",\"Darken 100%\",\"Brighten 100%\"],defaultValue:\"none\"},borderRadius:{type:ControlType.BorderRadius,title:\"Border Radius\",defaultValue:\"0px\"},objectFit:{type:ControlType.Enum,title:\"Object Fit\",options:[\"cover\",\"contain\",\"fill\",\"none\",\"scale-down\"],optionTitles:[\"Cover\",\"Contain\",\"Fill\",\"None\",\"Scale Down\"],defaultValue:\"contain\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ImageFilter\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"200\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageFilter.map"],"mappings":"4JAWG,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,QAAM,sEAAsE,aAAW,OAAO,eAAa,MAAM,YAAU,WAAW,EAA8Z,OAAoB,EAAK,MAAM,CAAC,MAAtQ,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,SAAS,SAAS,eAAa,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,CAAiJ,SAAsB,EAAK,MAAM,CAAC,IAAI,EAAM,IAAI,GAAG,MAAlL,CAAC,MAAM,OAAO,OAAO,OAAO,YAAU,YAAhW,CAAC,OAAO,EAAP,CAAmB,IAAI,SAAS,MAAM,gBAAgB,IAAI,WAAW,MAAM,0BAA0B,IAAI,OAAO,QAAQ,MAAM,WAAmP,CAAC,QAAQ,QAAQ,CAA0H,CAAC,CAAC,CAAC,kBAXzqB,IAAoD,CAWunB,EAAoB,EAAY,CAAC,MAAM,CAAC,KAAK,EAAY,KAAK,MAAM,QAAQ,iBAAiB,CAAC,MAAM,MAAM,OAAO,MAAM,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,QAAQ,CAAC,OAAO,SAAS,WAAW,CAAC,aAAa,CAAC,OAAO,cAAc,gBAAgB,CAAC,aAAa,OAAO,CAAC,aAAa,CAAC,KAAK,EAAY,aAAa,MAAM,gBAAgB,aAAa,MAAM,CAAC,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,QAAQ,CAAC,QAAQ,UAAU,OAAO,OAAO,aAAa,CAAC,aAAa,CAAC,QAAQ,UAAU,OAAO,OAAO,aAAa,CAAC,aAAa,UAAU,CAAC,CAAC"}