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}
);
}