mirror of https://github.com/langgenius/dify.git
47 lines
1.0 KiB
TypeScript
47 lines
1.0 KiB
TypeScript
import { noop } from 'es-toolkit/compat'
|
|
import * as React from 'react'
|
|
import { cn } from '@/utils/classnames'
|
|
import Drawer from './drawer'
|
|
|
|
type IFullScreenDrawerProps = {
|
|
isOpen: boolean
|
|
onClose?: () => void
|
|
fullScreen: boolean
|
|
showOverlay?: boolean
|
|
needCheckChunks?: boolean
|
|
modal?: boolean
|
|
}
|
|
|
|
const FullScreenDrawer = ({
|
|
isOpen,
|
|
onClose = noop,
|
|
fullScreen,
|
|
children,
|
|
showOverlay = true,
|
|
needCheckChunks = false,
|
|
modal = false,
|
|
}: React.PropsWithChildren<IFullScreenDrawerProps>) => {
|
|
return (
|
|
<Drawer
|
|
open={isOpen}
|
|
onClose={onClose}
|
|
panelClassName={cn(
|
|
fullScreen
|
|
? 'w-full'
|
|
: 'w-[568px] pb-2 pr-2 pt-16',
|
|
)}
|
|
panelContentClassName={cn(
|
|
'bg-components-panel-bg',
|
|
!fullScreen && 'rounded-xl border-[0.5px] border-components-panel-border',
|
|
)}
|
|
showOverlay={showOverlay}
|
|
needCheckChunks={needCheckChunks}
|
|
modal={modal}
|
|
>
|
|
{children}
|
|
</Drawer>
|
|
)
|
|
}
|
|
|
|
export default FullScreenDrawer
|