File "keyboard.tsx"
Full Path: /home/markqprx/iniasli.pro/client/ui/keyboard/keyboard.tsx
File size: 525 bytes
MIME-type: text/plain
Charset: utf-8
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() ? (
<span className="text-base align-middle">⌘</span>
) : (
'Ctrl'
);
return (
<kbd className="text-xs text-muted">
{modifier && (
<>
{modKey}
{separator}
</>
)}
{children}
</kbd>
);
}