fix(look&feel): export divider component (#750)

Co-authored-by: Jonathan VACHERAT <[email protected]>

client/look-and-feel/react/src/Divider/Divider.mdx

@@ -0,0 +1,32 @@
+import { Controls, Canvas, Meta } from "@storybook/blocks";
+import * as DividerStories from "./Divider.stories";
+
+<Meta of={DividerStories} name="Divider" />
+
+# Divider
+
+### Import
+
+```tsx
+import { Divider } from "@axa-fr/design-system-look-and-feel-react";
+```
+
+### Use
+
+```tsx
+export const DividerComponent = () => (
+  <div>
+  <span>Hello</span>
+  <Divider />
+  <span>world!</span>
+  <div>
+);
+```
+
+## Playground
+
+### Default Divider
+
+<Canvas of={DividerStories.Default} />
+
+<Controls of={DividerStories.Default} />

client/look-and-feel/react/src/Divider/Divider.stories.tsx

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Divider } from ".";
+
+const meta: Meta<typeof Divider> = {
+  title: "Components/Divider",
+  component: Divider,
+};
+
+export default meta;
+
+export const Default: StoryObj<typeof Divider> = {
+  name: "Divider",
+  render: (args) => (
+    <div>
+      <span>Hello</span>
+      <Divider {...args} /> <span>world!</span>
+    </div>
+  ),
+  args: {
+    classModifier: " ",
+  },
+  argTypes: {
+    classModifier: {
+      control: { type: "text" },
+      defaultValue: " ",
+    },
+  },
+};

client/look-and-feel/react/src/index.ts

@@ -37,3 +37,4 @@ export { TabsClient as Tabs, Direction as TabsDirection } from "./Tabs/Tabs";
 export { Tag } from "./Tag";
 export { Title, TitleSize, type TitleLevel } from "./Title";
 export { DebugGrid } from "./Grid/DebugGrid";
+export { Divider } from "./Divider";