{"version":3,"file":"Text.BgPjAdB5.mjs","names":["React.useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/4qlPBrqZo9XwLLgMlHHr/aELaegCcnJnX3ns5h6ph/Text.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function CardWithModal(props){const{image,logo,title,name,youtubeURL}=props;const[showModal,setShowModal]=React.useState(false);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n            .responsive-card {\n                width: 340px;\n                height: 467px;\n            }\n\n            @media (max-width: 480px) {\n                .responsive-card {\n                    width: 300px;\n                    height: 437px;\n                }\n            }\n        `}),/*#__PURE__*/_jsxs(\"div\",{onClick:()=>setShowModal(true),className:\"responsive-card\",style:{position:\"relative\",borderRadius:20,overflow:\"hidden\",backgroundColor:\"#000\",fontFamily:\"sans-serif\",cursor:\"pointer\"},children:[/*#__PURE__*/_jsx(\"img\",{src:image,alt:\"cover\",style:{position:\"absolute\",width:\"100%\",height:\"100%\",objectFit:\"cover\",zIndex:1}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background:\"linear-gradient(to bottom, rgba(0,0,0,0.35), transparent 40%, transparent 60%, rgba(0,0,0,0.25))\",zIndex:2}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",top:26,left:16,zIndex:3,display:\"flex\",alignItems:\"center\",gap:8},children:[/*#__PURE__*/_jsx(\"img\",{src:logo,alt:\"logo\",style:{width:42,height:42,borderRadius:10}}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:16,fontWeight:500,color:\"#fff\"},children:title})]}),/*#__PURE__*/_jsx(\"div\",{style:{width:60,position:\"absolute\",bottom:30,left:30,zIndex:3,fontSize:24,fontWeight:600,color:\"#fff\"},children:name}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",bottom:30,right:30,width:54,height:54,borderRadius:\"50%\",backgroundColor:\"rgba(255,255,255,0.2)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",zIndex:3},children:/*#__PURE__*/_jsx(\"svg\",{width:\"26\",height:\"26\",viewBox:\"0 0 24 24\",fill:\"#fff\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M8 5v14l11-7z\"})})})]}),showModal&&/*#__PURE__*/_jsx(\"div\",{onClick:()=>setShowModal(false),style:{position:\"fixed\",top:0,left:0,width:\"100vw\",height:\"100vh\",backgroundColor:\"rgba(0,0,0,0.7)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",zIndex:9999},children:/*#__PURE__*/_jsxs(\"div\",{style:{width:\"90%\",maxWidth:640,height:\"460px\",backgroundColor:\"#fff\",borderRadius:16,overflow:\"hidden\",position:\"relative\",boxShadow:\"0 10px 30px rgba(0,0,0,0.2)\"},onClick:e=>e.stopPropagation(),children:[/*#__PURE__*/_jsx(\"div\",{onClick:()=>setShowModal(false),style:{position:\"absolute\",top:5,right:30,fontSize:40,color:\"#000\",cursor:\"pointer\",zIndex:10},children:\"\\xd7\"}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",padding:30,paddingLeft:16,paddingTop:50,paddingRight:16,boxSizing:\"border-box\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",aspectRatio:\"9 / 16\",overflow:\"hidden\",borderRadius:16},children:/*#__PURE__*/_jsx(\"iframe\",{width:\"100%\",height:\"380px\",src:youtubeURL,frameBorder:\"0\",allow:\"autoplay; encrypted-media\",allowFullScreen:true,style:{display:\"block\",width:\"100%\",height:\"380px\",border:\"none\",borderRadius:16}})})})]})})]});}addPropertyControls(CardWithModal,{image:{type:ControlType.Image,title:\"Image\"},logo:{type:ControlType.Image,title:\"Logo\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Najot talim marketing rahbari\"},name:{type:ControlType.String,title:\"Name\",defaultValue:\"Temurbek Adhamov\"},youtubeURL:{type:ControlType.String,title:\"YouTube URL\",defaultValue:\"https://www.youtube.com/embed/dQw4w9WgXcQ\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CardWithModal\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Text.map"],"mappings":"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"}