import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
import { RadioOptions } from './radio-options.component';

<Meta title="Components/Inputs/RadioOptions ⚠️" component={RadioOptions} />

# Radio Options ⚠️

> ⚠️ This component is deprecated and will be removed in a future release. Use the `Selector` component instead.

`RadioOptions` allow the creation of a group of radio options that accepts an array of `options`, and an optional `selectedId`.

The onClick event returns the new selectedId: `onClick={yourOnClickAction}`

where `yourOnClickAction` can be structured as `(selectedId) => console.log('new Id', selectedId)` (but avoid in-component arrow functions)

## Normal

<Canvas>
  <Story id="components-inputs-radiooptions-⚠%EF%B8%8F--normal" />
</Canvas>
