Divider component

[leonid]

A Divider component is a UI element used to separate content into distinct sections. Here are the key features a Divider component should have:

1. Orientation: Support for both horizontal and vertical orientations.
2. Customizable Thickness: Ability to adjust the thickness of the divider.
3. Customizable Length: Ability to set the length of the divider.
4. Color Customization: Ability to change the color of the divider.
5. Dashed or Solid Line: Option to choose between a dashed or solid line style.
6. Inset: Ability to add an inset to the divider, creating space on one or both sides.
7. Text Label: Option to include a text label within the divider.
8. Alignment: Ability to align the text label (left, center, right for horizontal dividers; top, middle, bottom for vertical dividers).
9. Custom Styling: Ability to apply custom CSS classes or styles.
10. Accessibility: Ensure the divider is accessible with proper ARIA attributes.

These features ensure that the Divider component is versatile, customizable, and accessible.