30 lines
665 B
TypeScript
30 lines
665 B
TypeScript
import { IconX } from 'twenty-ui';
|
|
|
|
import { IconButton } from '@/ui/input/button/components/IconButton';
|
|
|
|
import {
|
|
StyledContainer,
|
|
StyledDialog,
|
|
StyledHeading,
|
|
} from './KeyboardShortcutMenuStyles';
|
|
|
|
type KeyboardMenuDialogProps = {
|
|
onClose: () => void;
|
|
children: React.ReactNode | React.ReactNode[];
|
|
};
|
|
|
|
export const KeyboardMenuDialog = ({
|
|
onClose,
|
|
children,
|
|
}: KeyboardMenuDialogProps) => {
|
|
return (
|
|
<StyledDialog>
|
|
<StyledHeading>
|
|
Keyboard shortcuts
|
|
<IconButton variant="tertiary" Icon={IconX} onClick={onClose} />
|
|
</StyledHeading>
|
|
<StyledContainer>{children}</StyledContainer>
|
|
</StyledDialog>
|
|
);
|
|
};
|