28 lines
765 B
JavaScript
28 lines
765 B
JavaScript
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import posed, { PoseGroup } from 'react-pose'
|
|
import shortid from 'shortid'
|
|
import AppProvider from './store/AppProvider'
|
|
import { defaultAnimation } from './components/Animations'
|
|
import Titlebar from './components/Titlebar'
|
|
import styles from './Layout.module.css'
|
|
|
|
const Animation = posed.div(defaultAnimation)
|
|
|
|
export default function Layout({ children }) {
|
|
return (
|
|
<AppProvider>
|
|
{process.platform === 'darwin' && <Titlebar />}
|
|
<div className={styles.app}>
|
|
<PoseGroup animateOnMount>
|
|
<Animation key={shortid.generate()}>{children}</Animation>
|
|
</PoseGroup>
|
|
</div>
|
|
</AppProvider>
|
|
)
|
|
}
|
|
|
|
Layout.propTypes = {
|
|
children: PropTypes.any.isRequired
|
|
}
|