mirror of
https://github.com/cpvalente/ontime.git
synced 2026-09-10 00:29:41 +00:00
asharonbaltazar
d81f5fcfe1
* chore: add new icons package and remove the old one * chore: update and consolidate imports * chore: missed import
25 lines
680 B
TypeScript
25 lines
680 B
TypeScript
import { PropsWithChildren } from 'react';
|
|
import { IoClose } from 'react-icons/io5';
|
|
import { Button } from '@chakra-ui/react';
|
|
|
|
import style from './PanelContent.module.scss';
|
|
|
|
interface PanelContentProps {
|
|
onClose: () => void;
|
|
}
|
|
|
|
export default function PanelContent(props: PropsWithChildren<PanelContentProps>) {
|
|
const { onClose, children } = props;
|
|
|
|
return (
|
|
<div className={style.contentWrapper}>
|
|
<div className={style.corner}>
|
|
<Button onClick={onClose} aria-label='close' rightIcon={<IoClose />} variant='ontime-subtle'>
|
|
Close settings
|
|
</Button>
|
|
</div>
|
|
<div className={style.content}>{children}</div>
|
|
</div>
|
|
);
|
|
}
|