// 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 { ToolbarButton } from "@coreai-ds/react-components";
import { FontIncrease24Regular } from "@fluentui/react-icons";
import { FontDecrease24Regular } from "@fluentui/react-icons";
import { TextFont24Regular } from "@fluentui/react-icons";
import * as React from 'react';

export const Small = (props: Partial<ToolbarProps>): JSXElement => (<Toolbar {...props} aria-label="Small" size="small" style={{
        border: '2px solid black',
        borderRadius: '8px',
    }}>
    <ToolbarButton aria-label="Increase Font Size" appearance="primary" icon={<FontIncrease24Regular />}/>
    <ToolbarButton aria-label="Decrease Font Size" icon={<FontDecrease24Regular />}/>
    <ToolbarButton aria-label="Reset Font Size" icon={<TextFont24Regular />}/>
  </Toolbar>);

export default Small;