import radioBoxProps from '!!ts-docgen-loader!./radioBoxProps.tsx';
import radioProps from '!!ts-docgen-loader!./radioProps.tsx';

### Конфигурация темы на уровне проекта:

```ts
// src/lib/theme.ts
import { configureRootTheme } from '@yandex-lego/components/Theme'
import { theme } from '@yandex-lego/components/Theme/presets/default'

configureRootTheme({ theme })
```

### Использование компонента с `options`:

```ts
// src/App.ts
import React, { useState } from 'react'
import { compose } from '@bem-react/core'
import {
  Radiobox as RadioboxDesktop,
  withSizeM,
  withViewDefault,
} from '@yandex-lego/components/Radiobox/desktop'

const Radiobox = compose(
  withSizeM,
  withViewDefault,
)(RadioboxDesktop)

const App = () => {
  const [value, setValue] = useState('value1')

  return (
    <Radiobox
      size="m"
      view="default"
      value={value}
      options={[
        { label: 'Радио 1', value: 'value1' },
        { label: 'Радио 2', value: 'value2' },
        { label: 'Радио 3', value: 'value3' },
      ]}
      onChange={(event) => setValue(event.target.value)}
    />
  )
}
```

### Использование компонента с элементом `Radio` вместо `options`:

```ts
// src/App.ts
import React, { useState } from 'react'
import {
  Radiobox,
  Radio,
} from '@yandex-lego/components/Radiobox/desktop/bundle'

const App = () => {
  const [value, setValue] = useState('value1')

  return (
    <Radiobox
      size="m"
      view="default"
      value={value}
      onChange={(event) => setValue(event.target.value)}
    >
      <Radio value="value1">Радио 1</Radio>
      <Radio value="value2">Радио 2</Radio>
      <Radio value="value3">Радио 3</Radio>
    </Radiobox>
  )
}
```
### Props

<PropsTable props={radioBoxProps} />

### Radio

<PropsTable props={radioProps} />