import { Title, Subtitle, Meta, Description, Primary, Stories, Controls, Source } from '@storybook/addon-docs/blocks';
import * as comStories from './divider.stories.json';
import templateSource from './divider.twig?raw';

<Meta of={comStories} name="Docs"/>

<Title />
<Subtitle />
<Description />

> ### Bootstrap Documentation
> * [Reboot / Horizontal rules](https://getbootstrap.com/docs/5.3/content/reboot/#horizontal-rules)
> * [Borders](https://getbootstrap.com/docs/5.3/utilities/borders/)
> * [Opacity](https://getbootstrap.com/docs/5.3/utilities/opacity/)
> * [Spacing](https://getbootstrap.com/docs/5.3/utilities/spacing/)

<Primary />

## Properties
<Controls />

<Stories of={comStories} />

## Attributes
* N/A

## Slots
* N/A

## Example

```twig
{% include 'vartheme_bs5_educare:divider' with {
  border_width: 'border-1',
  border_color: 'border-secondary',
  opacity: 'opacity-25',
  margin_top: 'mt-3',
  margin_bottom: 'mb-3'
} %}
```

## Source code
<Source code={templateSource} />
