{"version":3,"file":"AppShowcase.lhdvt7T0.mjs","names":["useState","useRef"],"sources":["https:/framerusercontent.com/modules/L94vqEP9EgsZaRZJLoTr/6ftkBnwYzL9bXnBUF1A6/AppShowcase.js"],"sourcesContent":["// App showcase component with icon, name, description, rating and App Store link\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,startTransition,useEffect,useRef}from\"react\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function AppShowcase(props){const{appIcon={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"App Icon\"},appName,description,rating,appStoreUrl,backgroundColor,textColor,nameFont,descriptionFont,starColor,borderRadius,showShadow}=props;const[isHovered,setIsHovered]=useState(false);const[isSmallWidth,setIsSmallWidth]=useState(false);const containerRef=useRef(null);useEffect(()=>{if(typeof window===\"undefined\")return;const checkWidth=()=>{if(containerRef.current){const width=containerRef.current.offsetWidth;startTransition(()=>setIsSmallWidth(width<400));}};checkWidth();window.addEventListener(\"resize\",checkWidth);return()=>window.removeEventListener(\"resize\",checkWidth);},[]);const handleClick=()=>{if(typeof window!==\"undefined\"&&appStoreUrl){window.open(appStoreUrl,\"_blank\");}};const handleKeyDown=e=>{if(e.key===\"Enter\"||e.key===\" \"){e.preventDefault();handleClick();}};const handleMouseEnter=()=>{startTransition(()=>setIsHovered(true));};const handleMouseLeave=()=>{startTransition(()=>setIsHovered(false));};const renderStars=()=>{const stars=[];for(let i=1;i<=5;i++){stars.push(/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:i<=rating?starColor:\"#E5E5E5\",style:{marginRight:\"2px\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"})},i));}return stars;};return /*#__PURE__*/_jsxs(\"div\",{ref:containerRef,style:{...props.style,position:\"relative\",backgroundColor,borderRadius,padding:\"20px\",cursor:\"pointer\",transition:\"all 0.2s ease\",transform:isHovered?\"translateY(-2px)\":\"translateY(0)\",boxShadow:showShadow?isHovered?\"0 8px 25px rgba(0, 0, 0, 0.15)\":\"0 4px 15px rgba(0, 0, 0, 0.1)\":\"none\",display:\"flex\",flexDirection:isSmallWidth?\"column\":\"row\",alignItems:isSmallWidth?\"center\":\"flex-start\",gap:isSmallWidth?\"12px\":\"16px\",textAlign:isSmallWidth?\"center\":\"left\"},onClick:handleClick,onKeyDown:handleKeyDown,onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,role:\"button\",tabIndex:0,\"aria-label\":`Download ${appName} from App Store`,children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"64px\",height:\"64px\",borderRadius:\"12px\",overflow:\"hidden\",flexShrink:0,boxShadow:\"0 2px 8px rgba(0, 0, 0, 0.1)\"},children:/*#__PURE__*/_jsx(\"img\",{...appIcon,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\"}})}),/*#__PURE__*/_jsxs(\"div\",{style:{flex:1,minWidth:0,width:isSmallWidth?\"100%\":\"auto\"},children:[/*#__PURE__*/_jsx(\"h3\",{style:{margin:\"0 0 4px 0\",color:textColor,...nameFont,wordWrap:\"break-word\",overflowWrap:\"break-word\"},children:appName}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",justifyContent:isSmallWidth?\"center\":\"flex-start\",marginBottom:\"8px\"},children:[renderStars(),/*#__PURE__*/_jsxs(\"span\",{style:{marginLeft:\"8px\",fontSize:\"14px\",color:textColor,opacity:.7},children:[\"(\",rating,\"/5)\"]})]}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,color:textColor,opacity:.8,...descriptionFont,lineHeight:\"1.4\",wordWrap:\"break-word\",overflowWrap:\"break-word\"},children:description})]}),/*#__PURE__*/_jsx(\"div\",{style:{position:isSmallWidth?\"static\":\"absolute\",top:isSmallWidth?\"auto\":\"16px\",right:isSmallWidth?\"auto\":\"16px\",opacity:.6,transition:\"opacity 0.2s ease\",alignSelf:isSmallWidth?\"center\":\"auto\"},children:/*#__PURE__*/_jsx(\"svg\",{width:\"20\",height:\"20\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:textColor,strokeWidth:\"2\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M7 17L17 7M17 7H7M17 7V17\"})})})]});}addPropertyControls(AppShowcase,{appIcon:{type:ControlType.ResponsiveImage,title:\"App Icon\"},appName:{type:ControlType.String,title:\"App Name\",defaultValue:\"Amazing App\"},description:{type:ControlType.String,title:\"Description\",defaultValue:\"This is an amazing app that will change your life. Download it now and experience the future of mobile applications.\",displayTextArea:true},rating:{type:ControlType.Number,title:\"Rating\",defaultValue:5,min:1,max:5,step:1,displayStepper:true},appStoreUrl:{type:ControlType.String,title:\"App Store URL\",defaultValue:\"https://apps.apple.com\",placeholder:\"https://apps.apple.com/app/...\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},starColor:{type:ControlType.Color,title:\"Star Color\",defaultValue:\"#FFD700\"},nameFont:{type:ControlType.Font,title:\"App Name Font\",defaultValue:{fontSize:\"22px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.2em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},descriptionFont:{type:ControlType.Font,title:\"Description Font\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:16,min:0,max:32,step:1,unit:\"px\"},showShadow:{type:ControlType.Boolean,title:\"Shadow\",defaultValue:true,enabledTitle:\"Show\",disabledTitle:\"Hide\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AppShowcase\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AppShowcase.map"],"mappings":"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"}