"use strict";(self.webpackChunkstreamate_server=self.webpackChunkstreamate_server||[]).push([[2732],{XMlk:(e,o,t)=>{t.r(o),t.d(o,{default:()=>m});t("whdr");var i=t("RzmY"),n=t("rs/l"),r=t.n(n),a=t("HxsS"),s=t.n(a),d=t("dXDq"),l=t("2nW7"),c=t("jevj"),u=t("NR+o"),h=t.n(u),g=t("UxYU"),p=(0,c.createUseStyles)((function(e){return{root:{height:100,position:"relative",overflow:"hidden",zIndex:d.Z.heroPromo},noVideo:{height:5*e.spacing.base,marginTop:2*e.spacing.base,background:e.colors.baseContrast015,button:{width:"100%"}},video:{display:"block",margin:[0,"auto"]},action:{width:"100%",height:"100%",position:"absolute",top:0,left:0,display:"flex",justifyContent:"center",alignItems:"center",boxSizing:"border-box",zIndex:2,"& > a":{width:"100%",display:"flex",justifyContent:"center",padding:[0,3*e.spacing.base],boxSizing:"border-box"}}}}),{name:"HeroJoin"}),v=function(e){var o=e.heroVideoEnabled,t=e.genderCategory,i="/static/images/hero/join/poster-496x100-".concat(t,".jpg"),n=(0,c.useTheme)(),r=p({theme:n});return(0,g.jsxs)("div",{className:s()(r.root,!o&&r.noVideo),"data-ta-locator":"HeroJoin",children:[o&&t&&(0,g.jsxs)("video",{"data-ta-locator":"HeroJoin-video",autoPlay:!0,className:r.video,loop:!0,muted:!0,playsInline:!0,poster:i,preload:"auto",width:496,height:100,children:[(0,g.jsx)("source",{src:"/static-file-streaming/videos/hero-join-496x100-".concat(t,".mp4"),type:"video/mp4"}),(0,g.jsx)(h(),{src:i,width:496,height:100,alt:t})]},t),(0,g.jsx)("div",{className:r.action,children:(0,g.jsx)(l.ZP,{buttonWidth:o?152:"100%"})})]})};v.propTypes={heroVideoEnabled:r().bool.isRequired,genderCategory:r().string.isRequired};const b=v;const m=function(){var e=(0,i.v9)((function(e){var o,t;return null!==(o=null===(t=e.skin.skin_misc.feature_toggles)||void 0===t?void 0:t.hero_video_enabled)&&void 0!==o&&o})),o=(0,i.v9)((function(e){var o;return null!==(o=e.categories.currentGender)&&void 0!==o?o:"girls"}));return(0,g.jsx)(b,{heroVideoEnabled:e,genderCategory:o})}}}]);
//# sourceMappingURL=https://sourcemaps.icfsys.com/streamate.server/HeroContainer.519584561922d83e079d589d89f3d9ca.js.map