22 lines
703 B
TypeScript
22 lines
703 B
TypeScript
interface Props {
|
|
title: JSX.Element | string
|
|
children: React.ReactNode
|
|
backdrop?: boolean | 'dirt'
|
|
style?: React.CSSProperties
|
|
className?: string
|
|
titleSelectable?: boolean
|
|
}
|
|
|
|
export default ({ title, children, backdrop = true, style, className, titleSelectable }: Props) => {
|
|
return (
|
|
<>
|
|
{backdrop === 'dirt' ? <div className='dirt-bg' /> : backdrop ? <div className="backdrop" /> : null}
|
|
<div className={`fullscreen ${className}`} style={{ overflow: 'auto', ...style }}>
|
|
<div className="screen-content">
|
|
<div className={`screen-title ${titleSelectable ? 'text-select' : ''}`}>{title}</div>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|