mirror of
https://github.com/fluxerapp/fluxer
synced 2026-10-18 21:45:31 +09:00
16 lines
469 B
TypeScript
16 lines
469 B
TypeScript
// SPDX-License-Identifier: AGPL-3.0-or-later
|
|
|
|
import styles from '@app/features/ui/components/KeyboardKey.module.css';
|
|
import {clsx} from 'clsx';
|
|
import {observer} from 'mobx-react-lite';
|
|
|
|
export interface KeyboardKeyProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export const KeyboardKey: React.FC<KeyboardKeyProps> = observer(({children}) => (
|
|
<kbd className={clsx(styles.key, children === '↵' && styles.keyWide)} data-flx="ui.keyboard-key.key">
|
|
{children}
|
|
</kbd>
|
|
));
|