24 lines
528 B
TypeScript
24 lines
528 B
TypeScript
import * as React from "react";
|
|
import styled from "styled-components";
|
|
import CommandMenuItem, {
|
|
Props as CommandMenuItemProps,
|
|
} from "./CommandMenuItem";
|
|
|
|
const Emoji = styled.span`
|
|
font-size: 16px;
|
|
line-height: 1.6em;
|
|
`;
|
|
|
|
type EmojiMenuItemProps = Omit<CommandMenuItemProps, "shortcut" | "theme"> & {
|
|
emoji: string;
|
|
};
|
|
|
|
export default function EmojiMenuItem({ emoji, ...rest }: EmojiMenuItemProps) {
|
|
return (
|
|
<CommandMenuItem
|
|
{...rest}
|
|
icon={<Emoji className="emoji">{emoji}</Emoji>}
|
|
/>
|
|
);
|
|
}
|