| | |
| | | import type { ReactNode } from 'react' |
| | | import Collapse from '.' |
| | | |
| | | type FieldCollapseProps = { |
| | | title: string |
| | | children: ReactNode |
| | | collapsed?: boolean |
| | | onCollapse?: (collapsed: boolean) => void |
| | | operations?: ReactNode |
| | | children: JSX.Element |
| | | } |
| | | const FieldCollapse = ({ |
| | | title, |
| | | children, |
| | | collapsed, |
| | | onCollapse, |
| | | operations, |
| | | }: FieldCollapseProps) => { |
| | | return ( |
| | | <div className='py-4'> |
| | | <Collapse |
| | | trigger={ |
| | | <div className='system-sm-semibold-uppercase flex h-6 cursor-pointer items-center text-text-secondary'>{title}</div> |
| | | <div className='flex items-center h-6 system-sm-semibold-uppercase text-text-secondary cursor-pointer'>{title}</div> |
| | | } |
| | | operations={operations} |
| | | collapsed={collapsed} |
| | | onCollapse={onCollapse} |
| | | > |
| | | <div className='px-4'> |
| | | {children} |