// 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 { ToolbarRadioGroup } from "@coreai-ds/react-components";
import { ToolbarRadioButton } from "@coreai-ds/react-components";
import { AlignLeft24Regular } from "@fluentui/react-icons";
import { AlignCenterHorizontal24Regular } from "@fluentui/react-icons";
import { AlignRight24Regular } from "@fluentui/react-icons";
import * as React from 'react';

export const Radio = (props: Partial<ToolbarProps>): JSXElement => (<Toolbar {...props} aria-label="with Radio Buttons" defaultCheckedValues={{
        textOptions: ['center'],
    }}>
    <ToolbarRadioGroup>
      <ToolbarRadioButton aria-label="Align left" name="textOptions" value="left" icon={<AlignLeft24Regular />}/>
      <ToolbarRadioButton aria-label="Align Center" name="textOptions" value="center" icon={<AlignCenterHorizontal24Regular />}/>
      <ToolbarRadioButton aria-label="Align Right" name="textOptions" value="right" icon={<AlignRight24Regular />}/>
    </ToolbarRadioGroup>
  </Toolbar>);

export default Radio;