// 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 Transparent = (props: Partial<ToolbarProps>): JSXElement => (<Toolbar aria-label="transparent" {...props}>
    <ToolbarToggleButton appearance="transparent" aria-label="Bold" icon={<TextBold24Regular />} name="textOptions" value="bold"/>
    <ToolbarToggleButton appearance="transparent" aria-label="Italic" icon={<TextItalic24Regular />} name="textOptions" value="italic"/>
    <ToolbarToggleButton appearance="transparent" aria-label="Underline" icon={<TextUnderline24Regular />} name="textOptions" value="underline"/>
  </Toolbar>);

export default Transparent;