import {ReactNode} from 'react'; import {isMac} from '@react-aria/utils'; interface Props { children: ReactNode; modifier?: boolean; separator?: string; } export function Keyboard({children, modifier, separator = '+'}: Props) { const modKey = isMac() ? ( ) : ( 'Ctrl' ); return ( {modifier && ( <> {modKey} {separator} )} {children} ); }