// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import type { ToolbarProps } from "@coreai-ds/react-components";
import type { JSXElement } from "@coreai-ds/react-components";
import { Toolbar } from "@coreai-ds/react-components";
import { ToolbarToggleButton } from "@coreai-ds/react-components";
import { TextBold24Regular } from "@fluentui/react-icons";
import { TextItalic24Regular } from "@fluentui/react-icons";
import { TextUnderline24Regular } from "@fluentui/react-icons";
import * as React from 'react';

export const Vertical = (props: Partial<ToolbarProps>): JSXElement => (<Toolbar vertical {...props} aria-label="Vertical">
    <ToolbarToggleButton name="text" value="bold" aria-label="Bold" icon={<TextBold24Regular />}/>
    <ToolbarToggleButton name="text" value="italic" aria-label="Italic" icon={<TextItalic24Regular />}/>
    <ToolbarToggleButton name="text" value="underline" aria-label="Underline" icon={<TextUnderline24Regular />}/>
  </Toolbar>);

export default Vertical;