pages235/src/react/Screen.tsx
Vitaly Turovsky cfdd84eee9 refactor loading error screen to AppStatus (react) to include transitions
better loading status
cleanup components
2023-10-13 18:52:25 +03:00

19 lines
530 B
TypeScript

interface Props {
title: JSX.Element | string
children: React.ReactNode
backdrop?: boolean | 'dirt'
}
export default ({ title, children, backdrop = true }: Props) => {
return (
<>
{backdrop === 'dirt' ? <div className='dirt-bg'></div> : backdrop ? <div className="backdrop"></div> : null}
<div className='fullscreen' style={{ overflow: 'auto' }}>
<div className="screen-content">
<div className="screen-title">{title}</div>
{children}
</div>
</div>
</>
)
}