{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/kXEMbJRvaQdD1A0lhFKA/Ve6vbkl4H3A3jFNEPuzB/ro7OPezbn.js", "ssg:https://framer.com/m/framer/icon-nullstate.js@0.7.0", "ssg:https://framerusercontent.com/modules/IQXqjAGXltPKLdfjcdtf/AdYVRfUvx2HLE5qL3Xfw/Logo.js"],
  "sourcesContent": ["import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([]);export const fonts=[];export const css=[\".framer-CZ04M .framer-styles-preset-1wicq5s:not(.rich-text-wrapper), .framer-CZ04M .framer-styles-preset-1wicq5s.rich-text-wrapper a { --framer-link-current-text-color: var(--token-03e42024-a4ba-4e9a-b19a-807b23c130af, #000000); --framer-link-current-text-decoration: underline; --framer-link-hover-text-color: var(--token-03e42024-a4ba-4e9a-b19a-807b23c130af, #000000); --framer-link-hover-text-decoration: none; --framer-link-text-color: var(--token-03e42024-a4ba-4e9a-b19a-807b23c130af, #000000); --framer-link-text-decoration: none; }\"];export const className=\"framer-CZ04M\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nexport const containerStyles = {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\"\n};\nconst nullIconStyle = {\n    minWidth: \"10px\",\n    minHeight: \"10px\",\n    maxWidth: \"20px\",\n    maxHeight: \"20px\",\n    width: \"60%\",\n    height: \"60%\"\n};\nconst emptyStateStyle = {\n    ...containerStyles,\n    borderRadius: 6,\n    background: \"rgba(149, 149, 149, 0.1)\",\n    border: \"1px dashed rgba(149, 149, 149, 0.15)\",\n    color: \"#a5a5a5\",\n    flexDirection: \"column\"\n};\nexport const NullState = /*#__PURE__*/ React.forwardRef((_, ref)=>{\n    return(/*#__PURE__*/ _jsx(\"div\", {\n        style: emptyStateStyle,\n        ref: ref\n    }));\n}) /*\n\n<svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 30 30\"\n                style={nullIconStyle}\n            >\n                <path\n                    d=\"M 12.857 0 C 19.958 0 25.714 5.756 25.714 12.857 C 25.714 19.958 19.958 25.714 12.857 25.714 C 5.756 25.714 0 19.958 0 12.857 C 0 5.756 5.756 0 12.857 0 Z\"\n                    fill=\"#FFFFFF\"\n                ></path>\n                <path\n                    d=\"M 20.357 20.357 L 27.857 27.857\"\n                    fill=\"transparent\"\n                    strokeWidth=\"4.28\"\n                    stroke=\"#FFFFFF\"\n                    strokeLinecap=\"round\"\n                ></path>\n                <g transform=\"translate(9.643 6.429)\">\n                    <path\n                        d=\"M 3.214 12.857 L 3.214 12.857\"\n                        fill=\"transparent\"\n                        strokeWidth=\"3.75\"\n                        stroke=\"currentColor\"\n                        strokeLinecap=\"round\"\n                    ></path>\n                    <path\n                        d=\"M 0 3.214 C 0 1.004 1.843 0 3.214 0 C 4.586 0 6.429 0.603 6.429 3.214 C 6.429 5.826 3.214 5.913 3.214 7.232 C 3.214 8.552 3.214 8.571 3.214 8.571\"\n                        fill=\"transparent\"\n                        strokeWidth=\"3.22\"\n                        stroke=\"currentColor\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                    ></path>\n                </g>\n            </svg>\n            */ ;\n\nexport const __FramerMetadata__ = {\"exports\":{\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"NullState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./nullstate.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";var SrcType;(function(SrcType){SrcType[\"Upload\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const baseUrl=\"https://logo.clearbit.com/\";const getLogoUrl=company=>{if(!company)return null;return company.includes(\".\")?`${baseUrl}${company}?size=500`:`${baseUrl}${company}.com?size=500`;};/**\n * @framerIntrinsicWidth 64\n * @framerIntrinsicHeight 64\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Logo(props){const{company,radius,isSearch,srcType,srcUrl,srcFile,style}=props;const logoURL=useMemo(()=>{if(isSearch)return getLogoUrl(company);if(srcType===SrcType.Upload)return srcFile;if(srcType===SrcType.Url)return srcUrl;return null;},[company,isSearch,srcType,srcUrl,srcFile]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/ _jsx(NullState,{}):null;return logoURL?/*#__PURE__*/ _jsx(\"img\",{src:logoURL,style:{...baseStyles,...style,borderRadius:radius},alt:\"Logo\"}):emptyState;};Logo.defaultProps={company:\"Framer\",radius:100,width:64,height:64,isSearch:true};const baseStyles={position:\"absolute\",left:0,right:0,top:0,bottom:0,width:\"100%\",height:\"100%\"};addPropertyControls(Logo,{isSearch:{type:ControlType.Boolean,title:\"Type\",disabledTitle:\"Custom\",enabledTitle:\"Search\"},srcType:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Source\",options:[SrcType.Url,SrcType.Upload],hidden:({isSearch})=>isSearch},srcUrl:{type:ControlType.String,title:\" \",placeholder:\"../example.jpg\",hidden:({srcType,isSearch})=>srcType===SrcType.Upload||isSearch},srcFile:{type:ControlType.File,title:\" \",allowedFileTypes:[\"jpg\",\"png\",\"jpeg\",\"tiff\",\"gif\"],hidden:({srcType,isSearch})=>srcType===SrcType.Url||isSearch},company:{type:ControlType.String,title:\"Company\",placeholder:\"Github, Apple...\",hidden:({isSearch})=>!isSearch},radius:{type:ControlType.Number,min:0,max:100,title:\"Radius\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Logo\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"64\",\"framerIntrinsicHeight\":\"64\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Logo.map"],
  "mappings": "uFAA8BA,EAAU,0BAA0B,CAAC,CAAC,EAAS,IAAMC,EAAM,CAAC,EAAeC,EAAI,CAAC,4hBAA4hB,EAAeC,EAAU,eCE5pB,IAAMC,EAAkB,CAC3B,MAAO,OACP,OAAQ,OACR,QAAS,OACT,eAAgB,SAChB,WAAY,QAChB,EASA,IAAMC,EAAkB,CACpB,GAAGC,EACH,aAAc,EACd,WAAY,2BACZ,OAAQ,uCACR,MAAO,UACP,cAAe,QACnB,EACaC,EAAgCC,EAAW,CAACC,EAAGC,IACnCC,EAAK,MAAO,CAC7B,MAAON,EACP,IAAKK,CACT,CAAC,CACJ,EC9BiN,IAAIE,GAAS,SAASA,EAAQ,CAACA,EAAQ,OAAU,SAASA,EAAQ,IAAO,KAAM,GAAGA,IAAUA,EAAQ,CAAC,EAAE,EAAE,IAAMC,EAAQ,6BAAmCC,EAAWC,GAAcA,EAA2BA,EAAQ,SAAS,GAAG,EAAE,GAAGF,IAAUE,aAAmB,GAAGF,IAAUE,iBAA/E,KAMjY,SAARC,EAAsBC,EAAM,CAAC,GAAK,CAAC,QAAAF,EAAQ,OAAAG,EAAO,SAAAC,EAAS,QAAAC,EAAQ,OAAAC,EAAO,QAAAC,EAAQ,MAAAC,CAAK,EAAEN,EAAYO,EAAQC,EAAQ,IAAQN,EAAgBL,EAAWC,CAAO,EAAKK,IAAUR,EAAQ,OAAcU,EAAWF,IAAUR,EAAQ,IAAWS,EAAc,KAAO,CAACN,EAAQI,EAASC,EAAQC,EAAOC,CAAO,CAAC,EAAsEI,EAAnDC,EAAa,QAAQ,IAAIA,EAAa,OAAiDC,EAAKC,EAAU,CAAC,CAAC,EAAE,KAAK,OAAOL,EAAsBI,EAAK,MAAM,CAAC,IAAIJ,EAAQ,MAAM,CAAC,GAAGM,EAAW,GAAGP,EAAM,aAAaL,CAAM,EAAE,IAAI,MAAM,CAAC,EAAEQ,CAAW,CAAEV,EAAK,aAAa,CAAC,QAAQ,SAAS,OAAO,IAAI,MAAM,GAAG,OAAO,GAAG,SAAS,EAAI,EAAE,IAAMc,EAAW,CAAC,SAAS,WAAW,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,OAAO,MAAM,EAAEC,EAAoBf,EAAK,CAAC,SAAS,CAAC,KAAKgB,EAAY,QAAQ,MAAM,OAAO,cAAc,SAAS,aAAa,QAAQ,EAAE,QAAQ,CAAC,KAAKA,EAAY,KAAK,wBAAwB,GAAK,MAAM,SAAS,QAAQ,CAACpB,EAAQ,IAAIA,EAAQ,MAAM,EAAE,OAAO,CAAC,CAAC,SAAAO,CAAQ,IAAIA,CAAQ,EAAE,OAAO,CAAC,KAAKa,EAAY,OAAO,MAAM,IAAI,YAAY,iBAAiB,OAAO,CAAC,CAAC,QAAAZ,EAAQ,SAAAD,CAAQ,IAAIC,IAAUR,EAAQ,QAAQO,CAAQ,EAAE,QAAQ,CAAC,KAAKa,EAAY,KAAK,MAAM,IAAI,iBAAiB,CAAC,MAAM,MAAM,OAAO,OAAO,KAAK,EAAE,OAAO,CAAC,CAAC,QAAAZ,EAAQ,SAAAD,CAAQ,IAAIC,IAAUR,EAAQ,KAAKO,CAAQ,EAAE,QAAQ,CAAC,KAAKa,EAAY,OAAO,MAAM,UAAU,YAAY,mBAAmB,OAAO,CAAC,CAAC,SAAAb,CAAQ,IAAI,CAACA,CAAQ,EAAE,OAAO,CAAC,KAAKa,EAAY,OAAO,IAAI,EAAE,IAAI,IAAI,MAAM,QAAQ,CAAC,CAAC",
  "names": ["fontStore", "fonts", "css", "className", "containerStyles", "emptyStateStyle", "containerStyles", "NullState", "Y", "_", "ref", "p", "SrcType", "baseUrl", "getLogoUrl", "company", "Logo", "props", "radius", "isSearch", "srcType", "srcUrl", "srcFile", "style", "logoURL", "se", "emptyState", "RenderTarget", "p", "NullState", "baseStyles", "addPropertyControls", "ControlType"]
}