Sid Gifari File Manager
🏠 Root
/
home
/
genremedia08
/
musicjukebox.overlookedtracks.com
/
common
/
resources
/
client
/
ui
/
overlays
/
dialog
/
Editing: dialog-body.tsx
import React, {ComponentProps, forwardRef, ReactNode} from 'react'; import clsx from 'clsx'; import {DialogSize} from './dialog'; interface DialogBodyProps extends ComponentProps<'div'> { children: ReactNode; className?: string; padding?: string | null; size?: DialogSize; } export const DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>( (props, ref) => { const {children, className, padding, size, ...domProps} = props; return ( <div {...domProps} ref={ref} className={clsx( className, getPadding(props), 'overflow-y-auto overflow-x-hidden text-sm flex-auto' )} > {children} </div> ); } ); function getPadding({size, padding}: DialogBodyProps) { if (padding) { return padding; } switch (size) { case 'xs': return 'p-14'; case 'sm': return 'p-18'; default: return 'px-24 py-20'; } }
Save
Cancel
