{"version":3,"file":"VideoWithText.By__fShD.mjs","names":[],"sources":["https:/framerusercontent.com/modules/Izk47vn6GDps0yyITjDg/z5DjCB6dPgL75xym2AHd/VideoWithText.js"],"sourcesContent":["// Video component with overlay text as shown in the screenshot\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function VideoWithText(props){const{videoFile=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\",heading,subheading,headingFont,subheadingFont,textColor,overlayOpacity,autoPlay,loop,muted,borderRadius,showPageIndicator,pageIndicatorText,pageIndicatorFont,pageIndicatorBackground,style}=props;return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",overflow:\"hidden\",backgroundColor:\"transparent\",borderRadius:`${borderRadius}px`},children:[/*#__PURE__*/_jsx(\"video\",{src:videoFile,autoPlay:autoPlay,loop:loop,muted:muted,playsInline:true,style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\"}}),/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background:`rgba(0, 0, 0, ${overlayOpacity})`,pointerEvents:\"none\"}}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",padding:\"clamp(20px, 3vw, 60px)\",pointerEvents:\"none\",zIndex:5},children:[showPageIndicator&&/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:\"clamp(8px, 1vw, 12px)\",marginBottom:\"clamp(16px, 2vw, 24px)\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"clamp(16px, 2vw, 24px)\",height:\"clamp(16px, 2vw, 24px)\",backgroundColor:pageIndicatorBackground,borderRadius:\"4px\"}}),/*#__PURE__*/_jsx(\"span\",{style:{color:textColor,...pageIndicatorFont,lineHeight:\"clamp(16px, 2vw, 24px)\"},children:pageIndicatorText})]}),/*#__PURE__*/_jsx(\"h1\",{style:{margin:0,color:textColor,...headingFont},children:heading}),/*#__PURE__*/_jsx(\"p\",{style:{margin:\"16px 0 0 0\",color:textColor,...subheadingFont},children:subheading})]})]});}addPropertyControls(VideoWithText,{videoFile:{type:ControlType.File,title:\"Video\",allowedFileTypes:[\"mp4\",\"webm\",\"mov\"]},heading:{type:ControlType.String,title:\"Heading\",defaultValue:\"Green, Clean & Silent\"},subheading:{type:ControlType.String,title:\"Subheading\",defaultValue:\"Let's save the planet\"},headingFont:{type:ControlType.Font,title:\"Heading Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"56px\",variant:\"Bold\",letterSpacing:\"-0.02em\",lineHeight:\"1.1em\"}},subheadingFont:{type:ControlType.Font,title:\"Subheading Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"20px\",variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1.4em\"}},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},overlayOpacity:{type:ControlType.Number,title:\"Overlay Opacity\",defaultValue:.2,min:0,max:1,step:.1},borderRadius:{type:ControlType.Number,title:\"Corner Radius\",defaultValue:0,min:0,max:100,step:1,unit:\"px\"},autoPlay:{type:ControlType.Boolean,title:\"Auto Play\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},loop:{type:ControlType.Boolean,title:\"Loop\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},muted:{type:ControlType.Boolean,title:\"Muted\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},showPageIndicator:{type:ControlType.Boolean,title:\"Page Indicator\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\"},pageIndicatorText:{type:ControlType.String,title:\"Indicator Text\",defaultValue:\"Gallery\",hidden:props=>!props.showPageIndicator},pageIndicatorFont:{type:ControlType.Font,title:\"Indicator Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"16px\",variant:\"Medium\",letterSpacing:\"0em\",lineHeight:\"1em\"},hidden:props=>!props.showPageIndicator},pageIndicatorBackground:{type:ControlType.Color,title:\"Indicator Color\",defaultValue:\"#FFFFFF\",hidden:props=>!props.showPageIndicator}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"VideoWithText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VideoWithText.map"],"mappings":"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"}