{"version":3,"file":"TrailerMuxContainer.Dp5pFecE.mjs","names":[],"sources":["https:/framerusercontent.com/modules/mF0vmHE6IYsWlydXu4ef/ARyfUDjVzsd8B2FGVJC2/TrailerMuxContainer.js"],"sourcesContent":["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\n/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */import{jsx as _jsx}from\"react/jsx-runtime\";export default function MuxPlayerContainer(props){// This is a React component containing an Example component\n// - Replace <Example /> with your own code\n// - Find inspiration: https://www.framer.com/developers/\nconst{playbackId,mh=480,mw=854,thumbnailTime=0}=props;return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsx(\"mux-player\",{style:{\"--time-display\":\"none\",maxWidth:mw,maxHeight:mh,width:\"100%\",height:\"100%\",borderRadius:10},\"thumbnail-time\":thumbnailTime,\"playback-id\":playbackId})});}//\n// Styles are written in object syntax\n// Learn more: https://reactjs.org/docs/dom-elements.html#style\nconst containerStyle={height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"MuxPlayerContainer\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TrailerMuxContainer.map"],"mappings":"0HAQ8C,SAAwB,EAAmB,EAAM,CAG/F,GAAK,CAAC,aAAW,KAAG,IAAI,KAAG,IAAI,gBAAc,EAAE,CAAC,EAAM,MAAoB,GAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,MAAO,EAAC,SAAsB,EAAK,aAAa,CAAC,MAAM,CAAC,iBAAiB,OAAO,SAAS,EAAG,UAAU,EAAG,MAAM,OAAO,OAAO,OAAO,aAAa,EAAG,EAAC,iBAAiB,EAAc,cAAc,CAAW,EAAC,AAAC,EAAC,AAAE,cAHhU,GAA2C"}