import { RadioGroup } from '@mui/material';
import { ArgTypes, Canvas, Meta, Source, Story } from '@storybook/addon-docs/blocks';
import * as RadioGroupStories from './RadioGroup.stories';

<Meta of={RadioGroupStories} />

# Radio Group

<Source
  language="ts"
  code={`import { FormControl, FormControlLabel, FormHelperText, FormLabel, Radio, RadioGroup } from "@mui/material";`}
/>

## How to use this component

This component uses the MUI Radio Group component.
You can see the documentation here: https://mui.com/material-ui/react-radio-button/

## Default

<Canvas of={RadioGroupStories.Default} />

## Helper Message

<Canvas of={RadioGroupStories.HelperMessage} />

## Disabled

<Canvas of={RadioGroupStories.Disabled} />

## Error Message

<Canvas of={RadioGroupStories.ErrorMessage} />

## Clarifying Message

<Canvas of={RadioGroupStories.ClarifyingMessage} />

## Horizontal

<Canvas of={RadioGroupStories.Horizontal} />

