{"version":3,"file":"VideoShowcase.ChePIwWf.mjs","names":[],"sources":["https:/framerusercontent.com/modules/7CWOSAuKkyxfxkLiy2H0/lhxUDeQGYaxOTyCVcWLA/VideoShowcase.js"],"sourcesContent":["// Video showcase component with heading and subtitle on middle left, fully responsive\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerIntrinsicWidth 800\n * @framerIntrinsicHeight 600\n * \n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function VideoShowcase(props){const{videoFile=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\",heading,subtitle,headingFont,subtitleFont,headingColor,subtitleColor,overlayOpacity,textMaxWidth,viewport=\"desktop\",style}=props;const getResponsiveStyles=()=>{switch(viewport){case\"phone\":return{left:\"5%\",maxWidth:\"90%\",padding:\"16px\",gap:12,headingScale:.5,subtitleScale:.8};case\"tablet\":return{left:\"5%\",maxWidth:\"70%\",padding:\"18px\",gap:14,headingScale:.7,subtitleScale:.9};default:return{left:\"5%\",maxWidth:`${textMaxWidth}%`,padding:\"20px\",gap:16,headingScale:1,subtitleScale:1};}};const responsiveStyles=getResponsiveStyles();const getScaledFontSize=(fontSize,scale)=>{if(!fontSize)return undefined;const numericSize=typeof fontSize===\"string\"?parseFloat(fontSize):fontSize;return`${numericSize*scale}px`;};return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"video\",{src:videoFile,autoPlay:true,loop:true,muted:true,playsInline:true,style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",objectFit:\"cover\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",backgroundColor:`rgba(0, 0, 0, ${overlayOpacity})`}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",top:\"50%\",left:responsiveStyles.left,transform:\"translateY(-50%)\",maxWidth:responsiveStyles.maxWidth,display:\"flex\",flexDirection:\"column\",gap:responsiveStyles.gap,padding:responsiveStyles.padding},children:[/*#__PURE__*/_jsx(\"h1\",{style:{margin:0,color:headingColor,...headingFont,fontSize:getScaledFontSize(headingFont.fontSize,responsiveStyles.headingScale)},children:heading}),/*#__PURE__*/_jsx(\"p\",{style:{margin:0,color:subtitleColor,...subtitleFont,fontSize:getScaledFontSize(subtitleFont.fontSize,responsiveStyles.subtitleScale)},children:subtitle})]})]});}addPropertyControls(VideoShowcase,{viewport:{type:ControlType.Enum,title:\"Viewport\",options:[\"desktop\",\"tablet\",\"phone\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\"],defaultValue:\"desktop\",displaySegmentedControl:true},videoFile:{type:ControlType.File,title:\"Video\",allowedFileTypes:[\"mp4\",\"webm\",\"mov\"]},heading:{type:ControlType.String,title:\"Heading\",defaultValue:\"Welcome to Our Story\"},subtitle:{type:ControlType.String,title:\"Subtitle\",defaultValue:\"Discover amazing experiences that will transform your journey\",displayTextArea:true},headingFont:{type:ControlType.Font,title:\"Heading Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"48px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1.1em\"}},subtitleFont:{type:ControlType.Font,title:\"Subtitle Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"18px\",variant:\"Regular\",letterSpacing:\"-0.01em\",lineHeight:\"1.5em\"}},headingColor:{type:ControlType.Color,title:\"Heading Color\",defaultValue:\"#FFFFFF\"},subtitleColor:{type:ControlType.Color,title:\"Subtitle Color\",defaultValue:\"#EEEEEE\"},overlayOpacity:{type:ControlType.Number,title:\"Overlay Opacity\",defaultValue:.3,min:0,max:1,step:.1},textMaxWidth:{type:ControlType.Number,title:\"Text Max Width\",defaultValue:50,min:20,max:90,step:5,unit:\"%\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"VideoShowcase\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"600\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"800\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VideoShowcase.map"],"mappings":"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"}