2020-10-23 09:31:58 +00:00
|
|
|
|
2020-10-22 17:09:44 +00:00
|
|
|
import React from "react"
|
|
|
|
import styled from "styled-components";
|
2020-10-23 09:31:58 +00:00
|
|
|
import { Scrollbar } from "asc-web-components";
|
|
|
|
import { isMobile } from "react-device-detect";
|
2020-10-22 17:09:44 +00:00
|
|
|
const StyledContainer = styled.div`
|
|
|
|
width:100%;
|
2020-10-23 09:31:58 +00:00
|
|
|
height:100vh;
|
|
|
|
|
2020-10-22 17:09:44 +00:00
|
|
|
`
|
|
|
|
|
|
|
|
const Layout = ({children}) => (
|
|
|
|
|
|
|
|
<StyledContainer>
|
2020-10-23 09:31:58 +00:00
|
|
|
{isMobile
|
|
|
|
? <Scrollbar stype="mediumBlack">
|
2020-10-22 17:09:44 +00:00
|
|
|
{children}
|
2020-10-23 09:31:58 +00:00
|
|
|
</Scrollbar>
|
|
|
|
|
|
|
|
: {children}
|
|
|
|
}
|
2020-10-22 17:09:44 +00:00
|
|
|
</StyledContainer>
|
|
|
|
)
|
|
|
|
|
|
|
|
export default Layout;
|