import { Separator, ShortcutKey } from "components/Layout"; import { metaKey } from "src/utils/metaKey"; import { LinkButton } from "./InlineLinkToolbar"; import { ListButton } from "./ListToolbar"; import { TextBlockTypeButton } from "./TextBlockTypeToolbar"; import { TextDecorationButton } from "./TextDecorationButton"; import { HighlightButton } from "./HighlightToolbar"; import { ToolbarTypes } from "."; import { schema } from "components/Blocks/TextBlock/schema"; import { TextAlignmentButton } from "./TextAlignmentToolbar"; import { FootnoteButton } from "./FootnoteButton"; import { Props } from "components/Icons/Props"; import { isMac } from "src/utils/isDevice"; export const TextToolbar = (props: { lastUsedHighlight: string; setToolbarState: (s: ToolbarTypes) => void; }) => { return ( <>
Bold
{metaKey()} +{" "} B
} mark={schema.marks.strong} icon={} />
Italic
{metaKey()} +{" "} I
} mark={schema.marks.em} icon={} />
Strikethrough
{isMac() ? ( <> +{" "} Ctrl +{" "} X ) : ( <> Ctrl +{" "} Meta +{" "} X )}
} mark={schema.marks.strikethrough} icon={} /> ); }; export const ItalicSmall = (props: Props) => { return ( ); }; export const StrikethroughSmall = (props: Props) => { return ( ); }; export const BoldSmall = (props: Props) => { return ( ); };