31 lines
852 B
TypeScript
31 lines
852 B
TypeScript
import React from 'react'
|
|
import '@/assets/css/components/common/fit-fullscreen.scss'
|
|
|
|
interface FitFullscreenProps
|
|
extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
zIndex?: number
|
|
backgroundColor?: string
|
|
}
|
|
|
|
const FitFullScreen = forwardRef<HTMLDivElement, FitFullscreenProps>((props, ref) => {
|
|
const { zIndex, backgroundColor, className, style, ..._props } = props
|
|
return (
|
|
<>
|
|
<div
|
|
className={`fit-fullscreen${className ? ' ' + className : ''}`}
|
|
style={{
|
|
zIndex,
|
|
backgroundColor,
|
|
...style
|
|
}}
|
|
ref={ref}
|
|
{..._props}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
</>
|
|
)
|
|
})
|
|
|
|
export default FitFullScreen
|