1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3796],{53796:(e,i,t)=>{t.d(i,{hD:()=>a,S2:()=>c,E:()=>f,tr:()=>j});var r=t(94734),o=t(7128),n=t(71060),l=function(){function e(){}return e.create=function(e){return e},e}();function a(e){var i=e.screenWidth,t=e.noRoundedScreen,n=void 0!==t&&t,l=e.isLandscape,a=e.frameColor,s=void 0===a?"#666666":a,c=e.frameOnly,v=void 0!==c&&c,u=e.statusbarColor,x=void 0===u?"#CCCCCC":u,f=e.hideStatusBar,y=void 0!==f&&f,C=e.navBar,g=void 0===C?"swipe":C,p=e.navBarColor,m=void 0===p?"#CCCCCC":p,b=e.transparentNavBar,j=void 0!==b&&b,w=e.hideNavBar,B=void 0!==w&&w,S=e.transparentCamArea;return(0,o.jsx)("div",(0,r.Cl)({className:e.className,style:e.containerStlye},{children:void 0!==l&&l?(0,o.jsx)(h,(0,r.Cl)({screenWidth:i,screenRounded:!n,frameColor:s,frameOnly:v,statusbarColor:x,navigationBar:g,navigationBarColor:m,hideStatusBar:y,transparentCamArea:void 0!==S&&S,transparentNavigationBar:j,hideNavigationBar:B},{children:e.children})):(0,o.jsx)(d,(0,r.Cl)({screenWidth:i,screenRounded:!n,frameColor:s,frameOnly:v,statusbarColor:x,navigationBar:g,navigationBarColor:m,hideStatusBar:y,transparentNavigationBar:j,hideNavigationBar:B},{children:e.children}))}))}var s=function(e,i,t,r,o,n,a,s,d){var h,c,v=i(32),u=Math.floor(v/2),x=t+2*v,f=r+2*v,y=Math.floor(.9*v),C=(e?r:t)+v+u,g=i(60);return d?(h=0,c=0):e?(h=0,c=y-u+1):(h=y-u+1,c=0),l.create({container:{display:"flex",position:"relative",boxSizing:"content-box",width:x,height:f,paddingTop:c,paddingRight:h},frame:{display:"flex",flexDirection:"column",borderRadius:i(o?140:30),borderStyle:"solid",borderWidth:v,borderColor:n,overflow:"hidden"},screenCont:{display:"flex",flex:1,overflow:"hidden"},screen:{display:"flex",flexDirection:e?"row":"column",position:"relative",width:t,height:r,backgroundColor:"transparent",overflow:"hidden"},statusbar:{display:"flex",flexDirection:"column",width:e?i(90):"100%",height:e?"100%":i(90),backgroundColor:a,alignItems:e?"flex-start":"center",justifyContent:e?"center":"flex-start"},camera:{width:g,height:g,borderRadius:g,backgroundColor:n,marginTop:e?0:i(20),marginLeft:e?i(20):0},statusbarLand:{height:i(50),backgroundColor:a},navigationSwipeCont:{display:"flex",width:"100%",height:i(e?50:60),backgroundColor:s,alignItems:"center",justifyContent:"center"},navigationSwipeTransparentCont:{display:"flex",position:"absolute",bottom:0,width:"100%",height:i(e?50:60),alignItems:"center",justifyContent:"center",pointerEvents:"none"},navigationSwipeBar:{backgroundColor:n,borderRadius:i(100),width:i(350),height:i(15)},navigationBhrCont:{display:"flex",position:"relative",boxSizing:"border-box",flexDirection:e?"column":"row",width:e?i(120):"100%",height:e?"100%":i(120),backgroundColor:s,paddingTop:e?i(260):0,paddingBottom:e?i(260):0,paddingLeft:e?0:i(260),paddingRight:e?0:i(260),alignItems:"center",justifyContent:"space-between"},navigationBhrTransParent:{position:"absolute",display:"flex",flexDirection:e?"column":"row",boxSizing:"border-box",bottom:e?void 0:0,right:e?0:void 0,width:e?i(120):"100%",height:e?"100%":i(120),paddingTop:e?i(260):0,paddingBottom:e?i(260):0,paddingLeft:e?0:i(260),paddingRight:e?0:i(260),alignItems:"center",justifyContent:"space-between",pointerEvents:"none"},volumePortrait:{position:"absolute",borderRadius:v,top:i(420),left:C,width:y,height:i(330),backgroundColor:n},volumeLandscape:{position:"absolute",borderRadius:v,left:i(420),bottom:C,width:i(330),height:y,backgroundColor:n},powerPortrait:{position:"absolute",borderRadius:v,top:i(900),left:C,width:y,height:i(180),backgroundColor:n},powerLandscape:{position:"absolute",borderRadius:v,left:i(900),bottom:C,width:i(180),height:y,backgroundColor:n},triangle:{width:0,height:0,borderTopWidth:g/2,borderTopStyle:"solid",borderTopColor:"transparent",borderBottomWidth:g/2,borderBottomStyle:"solid",borderBottomColor:"transparent",borderRightWidth:g,borderRightStyle:"solid",borderRightColor:n,opacity:.6},circle:{width:g,height:g,borderRadius:g,backgroundColor:n,opacity:.6},square:{width:g,height:g,borderRadius:g/10,backgroundColor:n,opacity:.6},cameraFullScreen:{position:"absolute",alignSelf:"center",verticalAlign:e?"middle":void 0,top:e?void 0:i(20),left
1:e?i(20):void 0,width:g,height:g,borderRadius:g,backgroundColor:n}})};function d(e){var i=e.screenWidth,t=e.screenRounded,l=e.frameColor,a=e.frameOnly,d=e.statusbarColor,h=e.navigationBar,c=e.navigationBarColor,v=e.hideStatusBar,u=e.hideNavigationBar,x=e.transparentNavigationBar,f=(0,n.useMemo)(function(){var e=Math.floor(i/9*19.5);return s(!1,function(e){return Math.max(Math.floor(i*e/1080),1)},i,e,t,l,d,c,a)},[i,t,l,d,c,a]);return(0,o.jsxs)("div",(0,r.Cl)({style:f.container},{children:[(0,o.jsx)("div",(0,r.Cl)({style:f.frame},{children:(0,o.jsxs)("div",(0,r.Cl)({style:f.screen},{children:[!1===v&&(0,o.jsx)("div",(0,r.Cl)({style:f.statusbar},{children:(0,o.jsx)("div",{style:f.camera})})),(0,o.jsx)("div",(0,r.Cl)({style:f.screenCont},{children:e.children})),v&&(0,o.jsx)("div",{style:f.cameraFullScreen}),!1===u&&"swipe"===h&&(x?(0,o.jsx)("div",(0,r.Cl)({style:f.navigationSwipeTransparentCont},{children:(0,o.jsx)("div",{style:f.navigationSwipeBar})})):(0,o.jsx)("div",(0,r.Cl)({style:f.navigationSwipeCont},{children:(0,o.jsx)("div",{style:f.navigationSwipeBar})}))),!1===u&&"bhr"===h&&(x?(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrTransParent},{children:[(0,o.jsx)("div",{style:f.triangle}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.square})]})):(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrCont},{children:[(0,o.jsx)("div",{style:f.triangle}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.square})]}))),!1===u&&"rhb"===h&&(x?(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrTransParent},{children:[(0,o.jsx)("div",{style:f.square}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.triangle})]})):(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrCont},{children:[(0,o.jsx)("div",{style:f.square}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.triangle})]})))]}))})),!a&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:f.volumePortrait}),(0,o.jsx)("div",{style:f.powerPortrait})]})]}))}function h(e){var i=e.screenWidth,t=e.screenRounded,l=e.frameColor,a=e.frameOnly,d=e.statusbarColor,h=e.navigationBar,c=e.navigationBarColor,v=e.hideStatusBar,u=e.hideNavigationBar,x=e.transparentNavigationBar,f=e.transparentCamArea,y=(0,n.useMemo)(function(){var e=Math.floor(i/19.5*9);return s(!0,function(e){return Math.max(Math.floor(i*e/2340),1)},i,e,t,l,d,c,a)},[i,t,l,d,c,a]);return(0,o.jsxs)("div",(0,r.Cl)({style:y.container},{children:[(0,o.jsx)("div",(0,r.Cl)({style:y.frame},{children:(0,o.jsxs)("div",(0,r.Cl)({style:y.screen},{children:[!1===f&&(0,o.jsx)("div",(0,r.Cl)({style:y.statusbar},{children:(0,o.jsx)("div",{style:y.camera})})),(0,o.jsxs)("div",(0,r.Cl)({style:{display:"flex",flexDirection:"column",flex:1}},{children:[!1===v&&(0,o.jsx)("div",{style:y.statusbarLand}),(0,o.jsx)("div",(0,r.Cl)({style:y.screenCont},{children:e.children})),!1===u&&"swipe"===h&&!1===x&&(0,o.jsx)("div",(0,r.Cl)({style:y.navigationSwipeCont},{children:(0,o.jsx)("div",{style:y.navigationSwipeBar})}))]})),f&&(0,o.jsx)("div",{style:y.cameraFullScreen}),!1===u&&"swipe"===h&&x&&(0,o.jsx)("div",(0,r.Cl)({style:y.navigationSwipeTransparentCont},{children:(0,o.jsx)("div",{style:y.navigationSwipeBar})})),!1===u&&"bhr"===h&&(x?(0,o.jsxs)("div",(0,r.Cl)({style:y.navigationBhrTransParent},{children:[(0,o.jsx)("div",{style:y.square}),(0,o.jsx)("div",{style:y.circle}),(0,o.jsx)("div",{style:y.triangle})]})):(0,o.jsxs)("div",(0,r.Cl)({style:y.navigationBhrCont},{children:[(0,o.jsx)("div",{style:y.square}),(0,o.jsx)("div",{style:y.circle}),(0,o.jsx)("div",{style:y.triangle})]}))),!1===u&&"rhb"===h&&(x?(0,o.jsxs)("div",(0,r.Cl)({style:y.navigationBhrTransParent},{children:[(0,o.jsx)("div",{style:y.triangle}),(0,o.jsx)("div",{style:y.circle}),(0,o.jsx)("div",{style:y.square})]})):(0,o.jsxs)("div",(0,r.Cl)({style:y.navigationBhrCont},{children:[(0,o.jsx)("div",{style:y.triangle}),(0,o.jsx)("div",{style:y.circle}),(0,o.jsx)("div",{style:y.square})]})))]}))})),!a&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:y.volumeLandscape}),(0,o.jsx)("div",{style:y.powerLandscape})]})]}))}function c(e){var i=e.screenWidth,t=e.noRoundedScreen,n=void 0!==t&&t,l=e.isLandscape,a=e.frameColor,s=void 0===a?"#666666":a,d=e.frameOnly,h=void 0!==d&&d,c=e.statusbarColor,v=void 0===c?"#CCCCCC":c,f=e.hideStatusBar,y=void 0!==f&&f,C=e.navBar,g=void 0===C?"swipe":C,p=e.navBarColor,m=void 0===p?"#CCCCCC":p,b=e.transparentNavBar,j=void 0!==b&&b,w=e.hideNavBar,B=void 0!==w&&w;return(0,o.jsx)("div",(0,r.Cl)({className:e.className,style:e.containerStlye},{children:void 0!==l&&l?(0,o.jsx)(x,(0,r.Cl)({screenWidth:i,screenRounded:!n,frameColor:s,frameOnly:h,statusbarColor:v,navigationBar:g,navigationBarColor:m,hide
1StatusBar:y,transparentNavigationBar:j,hideNavigationBar:B},{children:e.children})):(0,o.jsx)(u,(0,r.Cl)({screenWidth:i,screenRounded:!n,frameColor:s,frameOnly:h,statusbarColor:v,navigationBar:g,navigationBarColor:m,hideStatusBar:y,transparentNavigationBar:j,hideNavigationBar:B},{children:e.children}))}))}var v=function(e,i,t,r,o,n,a,s,d){var h,c,v=i(100),u=Math.floor(v/2),x=t+2*v,f=r+2*v,y=Math.floor(.7*v),C=(e?r:t)+v+u,g=i(45);return d?(h=0,c=0):e?(h=0,c=y-u+1):(h=y-u+1,c=0),l.create({container:{display:"flex",position:"relative",boxSizing:"content-box",width:x,height:f,paddingTop:c,paddingRight:h},frame:{display:"flex",flexDirection:"column",position:"relative",borderRadius:i(o?140:30),borderStyle:"solid",borderWidth:v,borderColor:n,overflow:"hidden"},screenCont:{display:"flex",flex:1,overflow:"hidden"},screen:{display:"flex",flexDirection:"column",position:"relative",width:t,height:r,backgroundColor:"transparent",overflow:"hidden"},statusbar:{display:"flex",flexDirection:"column",width:"100%",height:i(50),backgroundColor:a,alignItems:"center"},navigationSwipe:{display:"flex",width:"100%",height:i(60),backgroundColor:s,alignItems:"center",justifyContent:"center"},navigationSwipeTransparent:{display:"flex",position:"absolute",bottom:0,width:"100%",height:i(60),alignItems:"center",justifyContent:"center",pointerEvents:"none"},navigationSwipeBar:{backgroundColor:n,borderRadius:i(100),width:i(350),height:i(15)},navigationBhrCont:{display:"flex",position:"relative",boxSizing:"border-box",width:"100%",height:i(80),backgroundColor:s,paddingLeft:e?t/3*2:t/2,flexDirection:"row",alignItems:"center",justifyContent:"space-evenly"},navigationBhrTransparent:{position:"absolute",boxSizing:"border-box",display:"flex",bottom:0,width:"100%",height:i(80),paddingLeft:e?t/3*2:t/2,flexDirection:"row",alignItems:"center",justifyContent:"space-evenly",pointerEvents:"none"},power:{position:"absolute",borderRadius:v,top:e?void 0:i(300),left:e?i(300):C,bottom:e?C:void 0,width:e?i(180):y,height:e?y:i(180),backgroundColor:n},volume:{position:"absolute",borderRadius:v,top:e?void 0:i(600),left:e?i(600):C,bottom:e?C:void 0,width:e?i(330):y,height:e?y:i(330),backgroundColor:n},triangle:{width:0,height:0,borderTopWidth:g/2,borderTopStyle:"solid",borderTopColor:"transparent",borderBottomWidth:g/2,borderBottomStyle:"solid",borderBottomColor:"transparent",borderRightWidth:g,borderRightStyle:"solid",borderRightColor:n,opacity:.6},circle:{width:g,height:g,borderRadius:g,backgroundColor:n,opacity:.6},square:{width:g,height:g,borderRadius:g/10,backgroundColor:n,opacity:.6},cameraContainer:{position:"absolute",display:"flex",left:e?void 0:t+v,alignItems:"center",justifyContent:"center",width:e?"100%":v,height:e?v:"100%"},camera:{width:i(40),height:i(40),borderRadius:i(40),backgroundColor:a}})};function u(e){var i=e.screenWidth,t=e.screenRounded,l=e.frameColor,a=e.frameOnly,s=e.statusbarColor,d=e.navigationBar,h=e.navigationBarColor,c=e.hideStatusBar,u=e.hideNavigationBar,x=e.transparentNavigationBar,f=(0,n.useMemo)(function(){var e=Math.floor(i/10*16);return v(!1,function(e){return Math.max(Math.floor(i*e/1600),1)},i,e,t,l,s,h,a)},[i,t,l,s,h,a]);return(0,o.jsxs)("div",(0,r.Cl)({style:f.container},{children:[(0,o.jsx)("div",(0,r.Cl)({style:f.frame},{children:(0,o.jsxs)("div",(0,r.Cl)({style:f.screen},{children:[!1===c&&(0,o.jsx)("div",{style:f.statusbar}),(0,o.jsx)("div",(0,r.Cl)({style:f.screenCont},{children:e.children})),!1===u&&"swipe"===d&&(x?(0,o.jsx)("div",(0,r.Cl)({style:f.navigationSwipeTransparent},{children:(0,o.jsx)("div",{style:f.navigationSwipeBar})})):(0,o.jsx)("div",(0,r.Cl)({style:f.navigationSwipe},{children:(0,o.jsx)("div",{style:f.navigationSwipeBar})}))),!1===u&&"bhr"===d&&(x?(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrTransparent},{children:[(0,o.jsx)("div",{style:f.triangle}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.square})]})):(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrCont},{children:[(0,o.jsx)("div",{style:f.triangle}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.square})]}))),!1===u&&"rhb"===d&&(x?(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrTransparent},{children:[(0,o.jsx)("div",{style:f.square}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.triangle})]})):(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrCont},{children:[(0,o.jsx)("div",{style:f.square}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.triangle})]})))]}))})),(0,o.jsx)("div",(0,r.Cl)({style:f.cameraContainer},{children:(0,o.jsx)("div",{style:f.camera})})),!a&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:f.volume}),(0,o.jsx)("div",{style:f.power})]})]}))}function x(e){var i=e.screenWidth,t=e.screenRounded,l=e.frameColor,a=e.frameOnly,s=e.statusbarColor,d=e.navigationBar,h=e.navigationBarColor,c=e.hideStatusBar,u=e.hideNavigationBar,x=e.transparentNavigationBar,f=(0,n.useMemo)(function(){var e=Math.floor(i/16*10);return v(!0,function(e){return Math.max(Math.floor(i*e/2560),1)},i,e,t,l,s,h,a)},[i,t,l,s,h,a]);return(0,o.jsxs)("div",(0,r.Cl)({style:f.container},{children:[(0,o.jsx)("div",(0,r.Cl)({style:f.frame},{children:(0,o.jsxs)("div",(0,r.Cl)({style:f.screen},{children:[!1===c&&(0,o.jsx)("div",{style:f.statusbar}),(0,o.jsx)("div",(0,r.Cl)({style:f.screenCont},{children:e.children})),!1===u&&"swipe"===d&&(x?(0,o.jsx)("div",(0,r.Cl)({style:f.navigationSwipeTransparent},{children:(0,o.jsx)("div",{style:f.navigationSwipeBar})})):(0,o.jsx)("div",(0,r.Cl)({style:f.navigationSwipe},{children:(0,o.jsx)("div",{style:f.navigationSwipeBar})}))),!1===u&&"bhr"===d&&(x?(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrTransparent},{children:[(0,o.jsx)("div",{style:f.triangle}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.square})]})):(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrCont},{children:[(0,o.jsx)("div",{style:f.triangle}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.square})]}))),!1===u&&"rhb"===d&&(x?(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrTransparent},{children:[(0,o.jsx)("div",{style:f.square}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.triangle})]})):(0,o.jsxs)("div",(0,r.Cl)({style:f.navigationBhrCont},{children:[(0,o.jsx)("div",{style:f.square}),(0,o.jsx)("div",{style:f.circle}),(0,o.jsx)("div",{style:f.triangle})]})))]}))})),(0,o.jsx)("div",(0,r.Cl)({style:f.cameraContainer},{children:(0,o.jsx)("div",{style:f.camera})})),!a&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:f.volume}),(0,o.jsx)("div",{style:f.power})]})]}))}function f(e){var i=e.screenWidth,t=e.screenType,l=void 0===t?"modern":t,a=e.isLandscape,s=void 0!==a&&a,d=e.frameColor,h=e.frameOnly,c=e.statusbarColor,v=e.hideStatusBar,u=e.transparentNavBar,x=e.hideNavBar,f=(0,n.useMemo)(function(){return"legacy"===l?s?b:m:s?g:C},[s,l]);return(0,o.jsx)("div",(0,r.Cl)({className:e.className,style:e.containerStlye},{children:(0,o.jsx)(f,(0,r.Cl)({screenWidth:i,frameColor:void 0===d?"#666666":d,frameOnly:void 0!==h&&h,statusbarColor:void 0===c?"#CCCCCC":c,hideStatusBar:void 0!==v&&v,transparentNavigationBar:void 0!==u&&u,hideNavigationBar:void 0!==x&&x},{children:e.children}))}))}var y=function(e){var i,t,r,o=e.isLandscape,n=e.getSizeWithRatio,a=e.screenWidth,s=e.mHeight,d=e.frameColor,h=e.statusbarColor,c=e.frameOnly,v=n(35),u=
1Math.floor(v/2),x=a+2*v,f=s+2*v,y=n(50),C=Math.floor(.65*v),g=(o?s:a)+v+u+C-u;return c?(i=0,t=0,r=0):(r=C-Math.floor(u/1.5),i=o?0:C-Math.floor(u/1.5),t=o?C-Math.floor(u/1.5):0),l.create({container:{display:"flex",flexDirection:"column",boxSizing:"content-box",position:"relative",width:x,height:f,paddingTop:r,paddingRight:i,paddingLeft:t},frame:{display:"flex",flexDirection:"column",position:"relative",borderRadius:y,borderStyle:"solid",borderWidth:v,borderColor:d,overflow:"hidden"},screen:{display:"flex",flexDirection:"column",position:"relative",width:a,height:s,backgroundColor:"transparent",overflow:"hidden"},notchContainer:{display:"flex",flexDirection:"column",width:"100%",height:n(24),backgroundColor:h,alignItems:"center"},swipeContainerFullScreen:{display:"flex",flexDirection:"column",position:"absolute",boxSizing:"border-box",bottom:0,width:"100%",height:n(20),paddingTop:n(4),alignItems:"center",justifyContent:"center",pointerEvents:"none"},swipeContainer:{display:"flex",flexDirection:"column",boxSizing:"border-box",width:"100%",height:n(20),backgroundColor:h,paddingTop:n(4),alignItems:"center",justifyContent:"center"},swipeBar:{backgroundColor:d,borderRadius:n(100),width:o?"25%":"30%",height:n(8)},volumeUp:{position:"absolute",borderRadius:v,top:o?void 0:n(75),left:o?n(75):g,bottom:o?g:void 0,width:o?n(50):C,height:o?C:n(50),backgroundColor:d},volumeDown:{position:"absolute",borderRadius:v,top:o?void 0:n(130),left:o?n(130):g,bottom:o?g:void 0,width:o?n(50):C,height:o?C:n(50),backgroundColor:d},power:{position:"absolute",borderRadius:v,bottom:o?s-v-u:s+v+u+C-u,left:o?void 0:a-v-u,right:o?a+v+u+C-u:void 0,width:o?C:n(60),height:o?n(60):C,backgroundColor:d}})};function C(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=e.hideNavigationBar,h=e.transparentNavigationBar,c=(0,n.useMemo)(function(){var e=Math.floor(i/3*4);return y({isLandscape:!1,getSizeWithRatio:function(e){return Math.max(Math.floor(i*e/834),1)},screenWidth:i,mHeight:e,frameColor:t,statusbarColor:a,frameOnly:l})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:c.container},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.frame},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.screen},{children:[!1===s&&(0,o.jsx)("div",{style:c.notchContainer}),(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children})),!1===d&&!1===h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainer},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),!1===d&&h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainerFullScreen},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),!l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:c.volumeUp}),(0,o.jsx)("div",{style:c.volumeDown}),(0,o.jsx)("div",{style:c.power})]})]}))}function g(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=e.hideNavigationBar,h=e.transparentNavigationBar,c=(0,n.useMemo)(function(){var e=Math.floor(i/4*3);return y({isLandscape:!0,getSizeWithRatio:function(e){return Math.max(Math.floor(i*e/1194),1)},screenWidth:i,mHeight:e,frameColor:t,statusbarColor:a,frameOnly:l})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:c.container},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.frame},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.screen},{children:[!1===s&&(0,o.jsx)("div",{style:c.notchContainer}),(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children})),!1===d&&!1===h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainer},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),!1===d&&h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainerFullScreen},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),!l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:c.volumeUp}),(0,o.jsx)("div",{style:c.volumeDown}),(0,o.jsx)("div",{style:c.power})]})]}))}var p=function(e){var i=e.isLandscape,t=e.getSizeWithRatio,r=e.screenWidth,o=e.mHeight,n=e.frameColor,a=e.statusbarColor,s=t(35),d=r+2*s,h=o+2*s,c=t(90),v=t(90),u=t(40);return l.create({container:{display:"flex",flexDirection:i?"row":"column",boxSizing:"content-box",position:"relative",width:i?r+c+v:d,height:i?h:o+c+v},frame:{display:"flex",flexDirection:"column",alignItems:i?"flex-start":"center",justifyContent:i?"center":"flex-start",position:"relative",boxSizing:"border-box",borderLeftWidth:s,borderLeftStyle:"solid",borderRightWidth:s,borderRightStyle:"solid",borderColor:n,width:i?r:d,height:i?h:o,overflow:"hidden"},upperBezel:{display:"flex",flexDirection:"column",position:"relative",borderTopLeftRadius:u,borderTopRightRadius:i?0:u,borderBottomLeftRadius:i?u:0,width:i?c:d,height:i?h:c,backgroundColor:n,justifyContent:"center"},camSpeakerCont:{display:"flex",flexDirection:i?"row":"column",position:"relative",width:"100%",height:"100%",alignItems:"center",justifyContent:"center"},camera:{width:t(20),height:t(20),borderRadius:t(20),backgroundColor:a},lowerBezel:{display:"flex",flexDirection:i?"row":"column",borderBottomLeftRadius:i?0:u,borderBottomRightRadius:u,borderTopRightRadius:i?u:0,width:i?v:d,height:i?h:v,backgroundColor:n,alignItems:"center",justifyContent:"center"},homeButoon:{width:t(55),height:t(55),backgroundColor:a,borderRadius:t(55)},screen:{display:"flex",flexDirection:"column",position:"relative",width:r,height:o,backgroundColor:"transparent",overflow:"hidden"},statusbar:{width:"100%",height:t(20),backgroundColor:a,alignItems:"center"}})};function m(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=(0,n.useMemo)(function(){var e=Math.floor(i/3*4);return p({isLandscape:!1,getSizeWithRatio:function(e){return Math.max(Math.floor(i*e/810),1)},screenWidth:i,mHeight:e,frameColor:t,statusbarColor:a,frameOnly:l})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:d.container},{children:[(0,o.jsx)("div",(0,r.Cl)({style:d.upperBezel},{children:(0,o.jsx)("div",(0,r.Cl)({style:d.camSpeakerCont},{children:(0,o.jsx)("div",{style:d.camera})}))})),(0,o.jsx)("div",(0,r.Cl)({style:d.frame},{children:(0,o.jsxs)("div",(0,r.Cl)({style:d.screen},{children:[!1===s&&(0,o.jsx)("div",{style:d.statusbar}),(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children}))]}))})),(0,o.jsx)("div",(0,r.Cl)({style:d.lowerBezel},{children:(0,o.jsx)("div",{style:d.homeButoon})}
1))]}))}function b(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=(0,n.useMemo)(function(){var e=Math.floor(i/4*3);return p({isLandscape:!0,getSizeWithRatio:function(e){return Math.max(Math.floor(i*e/1080),1)},screenWidth:i,mHeight:e,frameColor:t,statusbarColor:a,frameOnly:l})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:d.container},{children:[(0,o.jsx)("div",(0,r.Cl)({style:d.upperBezel},{children:(0,o.jsx)("div",(0,r.Cl)({style:d.camSpeakerCont},{children:(0,o.jsx)("div",{style:d.camera})}))})),(0,o.jsx)("div",(0,r.Cl)({style:d.frame},{children:(0,o.jsxs)("div",(0,r.Cl)({style:d.screen},{children:[!1===s&&(0,o.jsx)("div",{style:d.statusbar}),(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children}))]}))})),(0,o.jsx)("div",(0,r.Cl)({style:d.lowerBezel},{children:(0,o.jsx)("div",{style:d.homeButoon})}))]}))}function j(e){var i=e.screenWidth,t=e.screenType,l=void 0===t?"island":t,a=e.isLandscape,s=void 0!==a&&a,d=e.frameColor,h=e.frameOnly,c=e.statusbarColor,v=e.hideStatusBar,u=e.transparentNavBar,x=e.hideNavBar,f=(0,n.useMemo)(function(){switch(l){case"legacy":if(s)return D;return W;case"notch":if(s)return k;return R;default:if(s)return S;return B}},[s,l]);return(0,o.jsx)("div",(0,r.Cl)({className:e.className,style:e.containerStlye},{children:(0,o.jsx)(f,(0,r.Cl)({screenWidth:i,frameColor:void 0===d?"#666666":d,frameOnly:void 0!==h&&h,statusbarColor:void 0===c?"#CCCCCC":c,hideStatusBar:void 0!==v&&v,transparentNavigationBar:void 0!==u&&u,hideNavigationBar:void 0!==x&&x},{children:e.children}))}))}var w=function(e){var i,t,r,o,n,a,s,d,h,c=e.screenType,v=e.isLandscape,u=e.getSizeWithRatio,x=e.screenWidth,f=e.mHeight,y=e.frameColor,C=e.frameWidth,g=e.statusbarColor,p=e.frameOnly,m=e.bezelRadius,b=Math.floor(C/2),j=x+2*C,w=f+2*C,B=Math.floor(.9*C),S=(v?f:x)+C+b+B-b;return p?(i=0,t=0,r=0,o=0):(i=v?0:B-b,t=v?0:B-b,r=v?B-b:0,o=v?B-b:0),"notch"===c?(n=v?0:u(44),a=v?u(44):0,s=v?u(44):0,d=u(v?21:34),h=u(250)):(n=v?0:u(59),a=v?u(59):0,s=v?u(59):0,d=u(v?21:34),h=u(280)),l.create({container:{display:"flex",flexDirection:v?"row":"column",boxSizing:"content-box",position:"relative",width:j,height:w,paddingRight:i,paddingLeft:t,paddingTop:r,paddingBottom:o},frame:{display:"flex",flexDirection:"column",position:"relative",boxSizing:"border-box",borderRadius:m,borderStyle:"solid",borderWidth:C,borderColor:y,overflow:"hidden"},screen:{display:"flex",flexDirection:v?"row":"column",position:"relative",width:x,height:f,backgroundColor:"transparent",overflow:"hidden"},notchContainer:{display:"flex",flexDirection:"column",width:v?a:"100%",height:v?"100%":n,backgroundColor:g,alignItems:v?"flex-start":"center",justifyContent:v?"center":"flex-start"},notchContainerFullScreen:{display:"flex",flexDirection:"column",position:"absolute",width:v?a:"100%",height:v?"100%":n,alignItems:v?"flex-start":"center",justifyContent:v?"center":"flex-start",pointerEvents:"none"},safeAreaRight:{width:s,height:"100%",backgroundColor:g},island:{width:u(v?35:128),height:u(v?128:35),backgroundColor:y,borderRadius:u(50),marginTop:v?void 0:u(13),marginLeft:v?u(13):void 0},notch:{width:u(v?31:160),height:u(v?160:31),backgroundColor:y,borderBottomLeftRadius:v?0:u(20),borderBottomRightRadius:u(20),borderTopRightRadius:v?u(20):0},swipeContainer:{display:"flex",flexDirection:"column",width:"100%",height:d,backgroundColor:g,alignItems:"center",justifyContent:"flex-end"},swipeContainerFullScreen:{display:"flex",flexDirection:"column",position:"absolute",bottom:0,width:"100%",height:d,alignItems:"center",justifyContent:"flex-end",pointerEvents:"none"},swipeBar:{backgroundColor:y,borderRadius:u(100),width:v?u(230):"35%",height:u(7),marginBottom:u(v?5:10)},silenceSwitch:{position:"absolute",borderRadius:C,top:v?S:u(165),left:v?u(165):void 0,right:v?void 0:S,width:v?u(34):B,height:v?B:u(34),backgroundColor:y},volumeUp:{position:"absolute",borderRadius:C,top:v?S:u(230),left:v?u(230):void 0,right:v?void 0:S,width:v?u(65):B,height:v?B:u(65),backgroundColor:y},volumeDown:{position:"absolute",borderRadius:C,top:v?S:u(315),left:v?u(315):void 0,right:v?void 0:S,width:v?u(65):B,height:v?B:u(65),backgroundColor:y},powerPortrait:{position:"absolute",borderRadius:C,top:v?void 0:h,left:v?h:S,bottom:v?S:void 0,width:v?u(105):B,height:v?B:u(105),backgroundColor:y},notchPad:{alignSelf:"center",position:"absolute",top:v?void 0:b,left:v?b:void 0,width:u(v?20:160),height:u(v?160:20),backgroundColor:y}})};function B(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=e.hideNavigationBar,h=e.transparentNavigationBar,c=(0,n.useMemo)(function(){var e=function(e){return Math.max(Math.floor(i*e/390),1)},r=Math.floor(i/9*19.5);return w({screenType:"island",isLandscape:!1,getSizeWithRatio:e,screenWidth:i,mHeight:r,frameColor:t,frameWidth:e(10),frameOnly:l,statusbarColor:a,bezelRadius:e(68)})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:c.container},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.frame},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.screen},{children:[!1===s&&(0,o.jsx)("div",(0,r.Cl)({style:c.notchContainer},{children:(0,o.jsx)("div",{style:c.island})})),(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children})),!1===d&&!1===h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainer},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),s&&(0,o.jsx)("div",(0,r.Cl)({style:c.notchContainerFullScreen},{children:(0,o.jsx)("div",{style:c.island})})),!1===d&&h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainerFullScreen},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),!l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:c.silenceSwitch}),(0,o.jsx)("div",{style:c.volumeUp}),(0,o.jsx)("div",{style:c.volumeDown}),(0,o.jsx)("div",{style:c.powerPortrait})]})]}))}function S(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=e.hideNavigationBar,h=e.transparentNavigationBar,c=(0,n.useMemo)(function(){var e=function(e){return Math.max(Math.floor(i*e/844),1)},r=Math.floor(i/19.5*9);return w({screenType:"island",isLandscape:!0,getSizeWithRatio:e,screenWidth:i,mHeight:r,frameColor:t,frameWidth:e(10),frameOnly:l,statusbarColor:a,bezelRadius:e(68)})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:c.container},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.frame},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.screen},{children:[!1===s&&(0,o.jsx)("div",(0,r.Cl)({style:c.notchContainer},{children:(0,o.jsx)("div",{style:c.island})})),(0,o.jsxs)("div",(0,r.Cl)({style:{display:"flex",flex:1,flexDirection:"column"}}
1,{children:[(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children})),!1===d&&!1===h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainer},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),!1===s&&(0,o.jsx)("div",{style:c.safeAreaRight})]})),s&&(0,o.jsx)("div",(0,r.Cl)({style:c.notchContainerFullScreen},{children:(0,o.jsx)("div",{style:c.island})})),!1===d&&h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainerFullScreen},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),!l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:c.silenceSwitch}),(0,o.jsx)("div",{style:c.volumeUp}),(0,o.jsx)("div",{style:c.volumeDown}),(0,o.jsx)("div",{style:c.powerPortrait})]})]}))}function R(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=e.hideNavigationBar,h=e.transparentNavigationBar,c=(0,n.useMemo)(function(){var e=function(e){return Math.max(Math.floor(i*e/390),1)},r=Math.floor(i/9*19.5);return w({screenType:"notch",isLandscape:!1,getSizeWithRatio:e,screenWidth:i,mHeight:r,frameColor:t,frameWidth:e(14),frameOnly:l,statusbarColor:a,bezelRadius:e(64)})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:c.container},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.frame},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.screen},{children:[!1===s&&(0,o.jsx)("div",(0,r.Cl)({style:c.notchContainer},{children:(0,o.jsx)("div",{style:c.notch})})),(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children})),!1===d&&!1===h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainer},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),s&&(0,o.jsx)("div",(0,r.Cl)({style:c.notchContainerFullScreen},{children:(0,o.jsx)("div",{style:c.notch})})),!1===d&&h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainerFullScreen},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),(0,o.jsx)("div",{style:c.notchPad}),!l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:c.silenceSwitch}),(0,o.jsx)("div",{style:c.volumeUp}),(0,o.jsx)("div",{style:c.volumeDown}),(0,o.jsx)("div",{style:c.powerPortrait})]})]}))}function k(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=e.hideNavigationBar,h=e.transparentNavigationBar,c=(0,n.useMemo)(function(){var e=function(e){return Math.max(Math.floor(i*e/844),1)},r=Math.floor(i/19.5*9);return w({screenType:"notch",isLandscape:!0,getSizeWithRatio:e,screenWidth:i,mHeight:r,frameColor:t,frameWidth:e(14),frameOnly:l,statusbarColor:a,bezelRadius:e(64)})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:c.container},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.frame},{children:[(0,o.jsxs)("div",(0,r.Cl)({style:c.screen},{children:[!1===s&&(0,o.jsx)("div",(0,r.Cl)({style:c.notchContainer},{children:(0,o.jsx)("div",{style:c.notch})})),(0,o.jsxs)("div",(0,r.Cl)({style:{display:"flex",flex:1,flexDirection:"column"}},{children:[(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,flexDirection:"column",overflow:"hidden"}},{children:e.children})),!1===d&&!1===h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainer},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),!1===s&&(0,o.jsx)("div",{style:c.safeAreaRight})]})),s&&(0,o.jsx)("div",(0,r.Cl)({style:c.notchContainerFullScreen},{children:(0,o.jsx)("div",{style:c.notch})})),!1===d&&h&&(0,o.jsx)("div",(0,r.Cl)({style:c.swipeContainerFullScreen},{children:(0,o.jsx)("div",{style:c.swipeBar})}))]})),(0,o.jsx)("div",{style:c.notchPad}),!l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:c.silenceSwitch}),(0,o.jsx)("div",{style:c.volumeUp}),(0,o.jsx)("div",{style:c.volumeDown}),(0,o.jsx)("div",{style:c.powerPortrait})]})]}))}var M=function(e){var i,t,r,o,n=e.isLandscape,a=e.getSizeWithRatio,s=e.screenWidth,d=e.mHeight,h=e.frameColor,c=e.statusbarColor,v=e.frameOnly,u=a(22),x=Math.floor(u/2),f=s+2*u,y=d+2*u,C=a(110),g=a(110),p=Math.floor(.8*u),m=(n?d:s)+u+x+p-x,b=a(60);return v?(i=0,t=0,r=0,o=0):(i=n?0:p-x,t=n?0:p-x,r=n?p-x:0,o=n?p-x:0),l.create({container:{display:"flex",flexDirection:n?"row":"column",boxSizing:"content-box",position:"relative",width:n?
1s+C+g:f,height:n?y:d+C+g,paddingRight:i,paddingLeft:t,paddingTop:r,paddingBottom:o},frame:{display:"flex",flexDirection:"column",alignItems:n?"flex-start":"center",justifyContent:n?"center":"flex-start",position:"relative",boxSizing:"border-box",borderLeftWidth:u,borderLeftStyle:"solid",borderRightWidth:u,borderRightStyle:"solid",borderColor:h,width:n?s:f,height:n?y:d,overflow:"hidden"},upperBezel:{display:"flex",flexDirection:"column",position:"relative",borderTopLeftRadius:b,borderTopRightRadius:n?0:b,borderBottomLeftRadius:n?b:0,width:n?C:f,height:n?y:C,backgroundColor:h,justifyContent:"center"},camSpeakerCont:{display:"flex",flexDirection:n?"row":"column",position:"relative",width:"100%",height:"100%",alignItems:"center",justifyContent:"center"},camera:{position:"absolute",left:n?void 0:-a(38),bottom:n?-a(38):0,width:a(10),height:a(10),borderRadius:a(10),backgroundColor:c},speaker:{position:"relative",width:a(n?10:80),height:a(n?80:10),backgroundColor:c,borderRadius:a(10)},lowerBezel:{display:"flex",flexDirection:n?"row":"column",borderTopRightRadius:n?b:0,borderBottomLeftRadius:n?0:a(60),borderBottomRightRadius:a(60),width:n?g:f,height:n?y:g,backgroundColor:h,alignItems:"center",justifyContent:"center"},homeButoon:{width:a(65),height:a(65),backgroundColor:c,borderRadius:a(65)},screen:{display:"flex",flexDirection:n?"row":"column",position:"relative",width:s,height:d,backgroundColor:"transparent"},statusbar:{width:"100%",height:a(20),backgroundColor:c,alignItems:"center"},silenceSwitch:{position:"absolute",borderRadius:u,top:n?m:a(115),left:n?a(115):void 0,right:n?void 0:m,width:n?a(36):p,height:n?p:a(36),backgroundColor:h},volumeUp:{position:"absolute",borderRadius:u,top:n?m:a(185),left:n?a(185):void 0,right:m,width:n?a(70):p,height:n?p:a(70),backgroundColor:h},volumeDown:{position:"absolute",borderRadius:u,top:n?m:a(270),left:n?a(270):void 0,right:n?void 0:m,width:n?a(70):p,height:n?p:a(70),backgroundColor:h},power:{position:"absolute",borderRadius:u,top:n?void 0:a(190),left:n?a(190):m,bottom:n?m:void 0,width:n?a(64):p,height:n?p:a(64),backgroundColor:h}})};function W(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=e.hideStatusBar,d=(0,n.useMemo)(function(){var e=Math.floor(i/9*16);return M({isLandscape:!1,getSizeWithRatio:function(e){return Math.max(Math.floor(i*e/375),1)},screenWidth:i,mHeight:e,frameColor:t,statusbarColor:a,frameOnly:l})},[i,t,a,l]);return(0,o.jsxs)("div",(0,r.Cl)({style:d.container},{children:[(0,o.jsx)("div",(0,r.Cl)({style:d.upperBezel},{children:(0,o.jsx)("div",(0,r.Cl)({style:d.camSpeakerCont},{children:(0,o.jsx)("div",(0,r.Cl)({style:d.speaker},{children:(0,o.jsx)("div",{style:d.camera})}))}))})),(0,o.jsx)("div",(0,r.Cl)({style:d.frame},{children:(0,o.jsxs)("div",(0,r.Cl)({style:d.screen},{children:[!1===s&&(0,o.jsx)("div",{style:d.statusbar}),(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children}))]}))})),(0,o.jsx)("div",(0,r.Cl)({style:d.lowerBezel},{children:(0,o.jsx)("div",{style:d.homeButoon})})),!l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:d.silenceSwitch}),(0,o.jsx)("div",{style:d.volumeUp}),(0,o.jsx)("div",{style:d.volumeDown}),(0,o.jsx)("div",{style:d.power})]})]}))}function D(e){var i=e.screenWidth,t=e.frameColor,l=e.frameOnly,a=e.statusbarColor,s=(0,n.useMemo)(function(){var e=Math.floor(i/16*9);return M({isLandscape:!0,getSizeWithRatio:function(e){return Math.max(Math.floor(i*e/667),1)},screenWidth:i,mHeight:e,frameColor:t,statusbarColor:a,frameOnly:l})},[i,t,l,a]);return(0,o.jsxs)("div",(0,r.Cl)({style:s.container},{children:[(0,o.jsx)("div",(0,r.Cl)({style:s.upperBezel},{children:(0,o.jsx)("div",(0,r.Cl)({style:s.camSpeakerCont},{children:(0,o.jsx)("div",(0,r.Cl)({style:s.speaker},{children:(0,o.jsx)("div",{style:s.camera})}))}))})),(0,o.jsx)("div",(0,r.Cl)({style:s.frame},{children:(0,o.jsx)("div",(0,r.Cl)({style:s.screen},{children:(0,o.jsx)("div",(0,r.Cl)({style:{display:"flex",flex:1,overflow:"hidden"}},{children:e.children}))}))})),(0,o.jsx)("div",(0,r.Cl)({style:s.lowerBezel},{children:(0,o.jsx)("div",{style:s.homeButoon})}
1)),!l&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{style:s.silenceSwitch}),(0,o.jsx)("div",{style:s.volumeUp}),(0,o.jsx)("div",{style:s.volumeDown}),(0,o.jsx)("div",{style:s.power})]})]}))}},94734:(e,i,t)=>{t.d(i,{Cl:()=>r,Tt:()=>o,fX:()=>n});var r=function(){return(r=Object.assign||function(e){for(var i,t=1,r=arguments.length;t<r;t++)for(var o in i=arguments[t])Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o]);return e}).apply(this,arguments)};function o(e,i){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>i.indexOf(r)&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)0>i.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]]);return t}function n(e,i,t){if(t||2==arguments.length)for(var r,o=0,n=i.length;o<n;o++)!r&&o in i||(r||(r=Array.prototype.slice.call(i,0,o)),r[o]=i[o]);return e.concat(r||Array.prototype.slice.call(i))}"function"==typeof SuppressedError&&SuppressedError}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.