import checkboxProps from '!!ts-docgen-loader!./props.tsx';

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

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

configureRootTheme({ theme })
```

### Использование с нужным набором модификаторов:

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

// Композиция из различных модификаторов
const Checkbox = compose(withSizeM, withViewDefault)(CheckboxDesktop)

const App = () => {
  const [checked, setChecked] = useState(false)

  return (
    <Checkbox
      label="checkbox"
      size="m"
      view="default"
      onChange={() => setChecked(!checked)}
      checked={checked}
    />
  )
}
```

### Использование с полным набором модификаторов:

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

const App = () => {
  const [checked, setChecked] = useState(false)

  return (
    <Checkbox
      label="checkbox"
      size="m"
      view="default"
      onChange={() => setChecked(!checked)}
      checked={checked}
    />
  )
}
```
### Props

<PropsTable props={checkboxProps} />