@axa-fr/design-system-look-and-feel-react 0.2.0-beta.339 → 0.2.0-beta.347

package/dist/List/ContentTabList/ContentTabItem/__tests__/ContentTabItem.test.js

@@ -1,100 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import download from "@material-symbols/svg-400/rounded/download_2-fill.svg";
-import visibility from "@material-symbols/svg-400/rounded/visibility-fill.svg";
-import { render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import { ContentTabItem } from "..";
-import { ButtonVariants, Svg } from "../../../..";
-describe("ContentTabList", () => {
-    const items = [
-        {
-            id: "1",
-            title: "Title 1",
-            subtitle: "Subtitle 1",
-            tag: "Tag 1",
-            date: "Date 1",
-            buttons: [
-                {
-                    id: "download_button",
-                    children: "Télécharger",
-                    variant: ButtonVariants.ghost,
-                    iconLeft: _jsx(Svg, { src: download, fill: "#00008F" }),
-                    onClick: vi.fn(),
-                },
-                {
-                    id: "display_button",
-                    children: "Afficher",
-                    variant: ButtonVariants.ghost,
-                    iconLeft: _jsx(Svg, { src: visibility, fill: "#00008F" }),
-                    onClick: vi.fn(),
-                },
-            ],
-        },
-        {
-            id: "2",
-            title: "Title 2",
-            subtitle: "Subtitle 2",
-            tag: "Tag 2",
-            date: "Date 2",
-            value: "Value 2",
-        },
-        {
-            id: "3",
-            title: "Title 3",
-            value: "Value 3",
-        },
-        {
-            title: "Title 4",
-            date: "Date 4",
-        },
-    ];
-    let originalWidth;
-    beforeEach(() => {
-        originalWidth = window.innerWidth;
-    });
-    afterEach(() => {
-        vi.stubGlobal("innerWidth", originalWidth);
-    });
-    it.each(items)("should render the items correctly", (item) => {
-        render(_jsx(ContentTabItem, { ...item }));
-        expect(screen.getByText(item.title)).toBeInTheDocument();
-        if (item.subtitle) {
-            expect(screen.getByText(item.subtitle)).toBeInTheDocument();
-        }
-        if (item.tag) {
-            expect(screen.getByText(item.tag)).toBeInTheDocument();
-        }
-        if (item.date) {
-            expect(screen.getByText(item.date)).toBeInTheDocument();
-        }
-        if (item.value) {
-            expect(screen.getByText(item.value)).toBeInTheDocument();
-        }
-    });
-    it.each(items)("should render the items correctly on mobile view", (item) => {
-        render(_jsx(ContentTabItem, { ...item, isMobile: true }));
-        expect(screen.getByText(item.title)).toBeInTheDocument();
-        if (item.subtitle) {
-            expect(screen.getByText(item.subtitle)).toBeInTheDocument();
-        }
-        if (item.tag) {
-            expect(screen.getByText(item.tag)).toBeInTheDocument();
-        }
-        if (item.date) {
-            expect(screen.getByText(item.date)).toBeInTheDocument();
-        }
-        if (item.value) {
-            expect(screen.getByText(item.value)).toBeInTheDocument();
-        }
-    });
-    it("should call onDownload when download button is clicked", async () => {
-        render(_jsx(ContentTabItem, { ...items[0] }));
-        await userEvent.click(screen.getByRole("button", { name: /Télécharger$/ }));
-        expect(items?.[0]?.buttons?.[0].onClick).toHaveBeenCalled();
-    });
-    it("should call onDisplay when display button is clicked", async () => {
-        render(_jsx(ContentTabItem, { ...items[0] }));
-        await userEvent.click(screen.getByRole("button", { name: /Afficher$/ }));
-        expect(items?.[0]?.buttons?.[1].onClick).toHaveBeenCalled();
-    });
-});

package/dist/List/ContentTabList/ContentTabList.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import type { ComponentProps } from "react";
-import { ContentTabList } from "./ContentTabList";
-declare const meta: Meta<typeof ContentTabList>;
-export default meta;
-export declare const ContentTabListWithButtons: StoryObj<ComponentProps<typeof ContentTabList>>;
-export declare const ContentTabListWithValue: StoryObj<ComponentProps<typeof ContentTabList>>;

package/dist/List/ContentTabList/ContentTabList.stories.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import download from "@material-symbols/svg-400/rounded/download_2-fill.svg";
-import visibility from "@material-symbols/svg-400/rounded/visibility-fill.svg";
-import { ButtonVariants, Svg } from "../..";
-import { ContentTabList } from "./ContentTabList";
-const meta = {
-    title: "Components/List/ContentTabList",
-    component: ContentTabList,
-};
-export default meta;
-const template = (args) => (_jsx(ContentTabList, { ...args }));
-export const ContentTabListWithButtons = {
-    name: "ContentTabList with buttons",
-    render: template,
-    args: {
-        items: [
-            {
-                id: "1",
-                title: "Remboursement soins",
-                subtitle: "Titre onglet",
-                tag: "En attente",
-                date: "01/01/2024",
-                buttons: [
-                    {
-                        id: "download_button",
-                        children: "Télécharger",
-                        variant: ButtonVariants.ghost,
-                        iconLeft: _jsx(Svg, { src: download }),
-                        onClick: () => { },
-                    },
-                ],
-            },
-            {
-                id: "2",
-                title: "Remboursement soins",
-                tag: "En attente",
-                buttons: [
-                    {
-                        id: "download_button",
-                        children: "Télécharger",
-                        variant: ButtonVariants.ghost,
-                        iconLeft: _jsx(Svg, { src: download }),
-                        onClick: () => { },
-                    },
-                    {
-                        id: "display_button",
-                        children: "Afficher",
-                        variant: ButtonVariants.ghost,
-                        iconLeft: _jsx(Svg, { src: visibility }),
-                        onClick: () => { },
-                    },
-                ],
-            },
-        ],
-        classModifier: "",
-    },
-};
-export const ContentTabListWithValue = {
-    name: "ContentTabList with value",
-    render: template,
-    args: {
-        items: [
-            {
-                id: "1",
-                title: "Remboursement soins",
-                subtitle: "Titre onglet",
-                date: "01/01/2024",
-                value: "+ 11,86 €",
-            },
-            {
-                id: "2",
-                title: "Remboursement soins",
-                tag: "En attente",
-                value: "+ 11,86 €",
-            },
-        ],
-    },
-};

package/dist/List/ContentTabList/__tests__/ContentTabList.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/List/ContentTabList/__tests__/ContentTabList.test.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import download from "@material-symbols/svg-400/rounded/download_2-fill.svg";
-import visibility from "@material-symbols/svg-400/rounded/visibility-fill.svg";
-import { render, screen } from "@testing-library/react";
-import { ButtonVariants, Svg } from "../../..";
-import { ContentTabList } from "../ContentTabList";
-describe("ContentTabList", () => {
-    const items = [
-        {
-            id: "1",
-            title: "Title 1",
-            subtitle: "Subtitle 1",
-            tag: "Tag 1",
-            date: "Date 1",
-            buttons: [
-                {
-                    id: "download_button",
-                    children: "Télécharger",
-                    variant: ButtonVariants.ghost,
-                    iconLeft: _jsx(Svg, { src: download, fill: "#00008F" }),
-                    onClick: vi.fn(),
-                },
-                {
-                    id: "display_button",
-                    children: "Afficher",
-                    variant: ButtonVariants.ghost,
-                    iconLeft: _jsx(Svg, { src: visibility, fill: "#00008F" }),
-                    onClick: vi.fn(),
-                },
-            ],
-        },
-        {
-            id: "2",
-            title: "Title 2",
-            subtitle: "Subtitle 2",
-            tag: "Tag 2",
-            date: "Date 2",
-            value: "Value 2",
-        },
-        {
-            id: "3",
-            title: "Title 3",
-            value: "Value 3",
-        },
-        {
-            title: "Title 4",
-            date: "Date 4",
-        },
-    ];
-    it("should render the list correctly", () => {
-        render(_jsx(ContentTabList, { items: items }));
-        expect(screen.getByText("Title 1")).toBeInTheDocument();
-        expect(screen.getByText("Title 2")).toBeInTheDocument();
-        expect(screen.getByText("Title 3")).toBeInTheDocument();
-        expect(screen.getByText("Title 4")).toBeInTheDocument();
-    });
-});

package/dist/List/List.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import type { ComponentProps } from "react";
-import { List } from "./List";
-declare const meta: Meta<typeof List>;
-export default meta;
-export declare const Default: StoryObj<Omit<ComponentProps<typeof List>, "classModifier"> & {
-    classModifier: string[];
-}>;

package/dist/List/List.stories.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import trashIcon from "@material-symbols/svg-400/outlined/delete.svg";
-import publishedWithChangesIcon from "@material-symbols/svg-400/outlined/published_with_changes-fill.svg";
-import { Svg } from "../Svg";
-import { ClickItem } from "./ClickList";
-import { ContentItemMono } from "./ContentItemMono";
-import { List } from "./List";
-const meta = {
-    title: "Components/List",
-    component: List,
-};
-export default meta;
-export const Default = {
-    name: "List",
-    render: ({ classModifier, ...args }) => (_jsx(List, { classModifier: classModifier.join(" "), ...args })),
-    args: {
-        children: [
-            _jsx(ContentItemMono, { secondaryText: "nom.pr\u00E9nom@mail.fr", children: "Pr\u00E9nom NOM" }, 0),
-            _jsx(ClickItem, { icon: _jsx(Svg, { src: publishedWithChangesIcon }), children: "Modifier le profil" }, 1),
-            _jsx(ClickItem, { icon: _jsx(Svg, { src: trashIcon }), children: "Supprimer le profil" }, 2),
-        ],
-        classModifier: ["first-separator-full-width"],
-    },
-    argTypes: {
-        classModifier: {
-            options: ["large", "extra-padding", "first-separator-full-width"],
-            control: { type: "multi-select" },
-            defaultValue: [],
-        },
-    },
-};

package/dist/List/__tests__/List.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/List/__tests__/List.test.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from "@testing-library/react";
-import { List } from "../List";
-describe("List", () => {
-    it("should render children", () => {
-        const children = _jsx("div", { children: "Child 1" });
-        render(_jsx(List, { children: children }));
-        expect(screen.getByRole("list")).toHaveClass("af-list");
-        expect(screen.getByText("Child 1")).toBeInTheDocument();
-        expect(screen.queryByRole("separator")).toBeNull();
-    });
-    it("should render with empty children", () => {
-        const children = undefined;
-        render(_jsx(List, { children: children }));
-        expect(screen.getByRole("list")).toHaveClass("af-list");
-        expect(screen.queryByRole("separator")).toBeNull();
-    });
-    it("should render multiple children with separators", () => {
-        const children = [
-            _jsx("div", { children: "Child 1" }, "1"),
-            _jsx("div", { children: "Child 2" }, "2"),
-            _jsx("div", { children: "Child 3" }, "3"),
-        ];
-        render(_jsx(List, { children: children }));
-        expect(screen.getByText("Child 1")).toBeInTheDocument();
-        expect(screen.getByText("Child 2")).toBeInTheDocument();
-        expect(screen.getByText("Child 3")).toBeInTheDocument();
-        expect(screen.getAllByRole("separator")).toHaveLength(2);
-    });
-});

package/dist/Loader/Loader.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Loader } from "./Loader";
-declare const meta: Meta<typeof Loader>;
-export default meta;
-type Story = StoryObj<typeof Loader>;
-export declare const LoaderStory: Story;

package/dist/Loader/Loader.stories.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader } from "./Loader";
-const meta = {
-    component: Loader,
-    title: "Components/Loader",
-};
-export default meta;
-export const LoaderStory = {
-    name: "Loader",
-    render: ({ ...args }) => _jsx(Loader, { ...args }),
-    args: {
-        size: 60,
-        border: 5,
-    },
-};

package/dist/ModalClient/Modal.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Modal } from "./Modal";
-declare const meta: Meta<typeof Modal>;
-export default meta;
-type StoryProps = React.ComponentProps<typeof Modal>;
-type Story = StoryObj<StoryProps>;
-export declare const Playground: Story;

package/dist/ModalClient/Modal.stories.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import bluetoothAudio from "@material-symbols/svg-400/outlined/bluetooth_searching.svg";
-import { Modal } from "./Modal";
-import { Svg } from "../Svg";
-const meta = {
-    title: "Components/Modal",
-    component: Modal,
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-const Container = (props) => {
-    const [isOpen, setIsOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => setIsOpen(true), children: "open modal" }), _jsx(Modal, { ...props, isOpen: isOpen, onClose: () => setIsOpen(false), onClickOutside: undefined, actions: {
-                    primary: { text: "Save", callback: () => setIsOpen(false) },
-                    secondary: { text: "Cancel", callback: () => setIsOpen(false) },
-                    tertiary: {
-                        text: "Reset",
-                        callback: () => setIsOpen(false),
-                        disabled: true,
-                    },
-                } })] }));
-};
-export const Playground = {
-    name: "Modal",
-    render: (args) => _jsx(Container, { ...args }),
-    args: {
-        hasCloseBtn: true,
-        title: "Modal title",
-        children: "Vestibulum nunc neque, sodales non luctus in, dictum vitae nisl. Curabitur vitae massa non nisl lacinia tempus. Pellentesque id nulla tortor.",
-        iconTitle: _jsx(Svg, { src: bluetoothAudio }),
-        subtitle: "Info complémentaire",
-        fullWidthButtons: false,
-    },
-};

package/dist/Pagination/Pagination.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Pagination } from "./Pagination";
-declare const meta: Meta<typeof Pagination>;
-export default meta;
-type StoryProps = Omit<React.ComponentProps<typeof Pagination>, "numberPage"> & {
-    numberPage: number;
-    onChangePage: (page: number) => void;
-    defaultPage?: number;
-};
-type Story = StoryObj<StoryProps>;
-export declare const Playground: Story;

package/dist/Pagination/Pagination.stories.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pagination } from "./Pagination";
-const meta = {
-    component: Pagination,
-    title: "Components/Pagination",
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-export const Playground = {
-    name: "Pagination",
-    render: ({ numberPage, onChangePage, defaultPage }) => (_jsx(Pagination, { numberPage: numberPage, defaultPage: defaultPage, onChangePage: onChangePage })),
-    args: {
-        numberPage: 20,
-        defaultPage: 2,
-        onChangePage: () => { },
-    },
-};

package/dist/Stepper/Stepper.stories.d.ts

@@ -1,16 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { ComponentProps } from "react";
-import { Stepper } from "./Stepper";
-declare const meta: Meta<typeof Stepper>;
-export default meta;
-type StoryProps = Omit<ComponentProps<typeof Stepper>, "currentStep" | "currentStepProgress" | "isTitleVisible" | "isSubtitleVisible" | "currentTitle" | "nbSteps"> & {
-    currentStep: number;
-    currentSubtitle: string;
-    currentStepProgress: number;
-    isTitleVisible: boolean;
-    isSubtitleVisible: boolean;
-    currentTitle: string;
-    nbSteps: 2 | 3 | 4 | 5 | 6;
-};
-type Story = StoryObj<StoryProps>;
-export declare const Playground: Story;

package/dist/Stepper/Stepper.stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Stepper } from "./Stepper";
-const meta = {
-    component: Stepper,
-    title: "Components/Stepper",
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-export const Playground = {
-    name: "Stepper",
-    render: (props) => (_jsx("div", { style: { minWidth: "70vw" }, children: _jsx(Stepper, { ...props }) })),
-    args: {
-        nbSteps: 3,
-        currentTitle: "Step title",
-        currentStep: 2,
-        currentSubtitle: "Step subtitle",
-        currentStepProgress: 50,
-        isTitleVisible: true,
-        isSubtitleVisible: true,
-    },
-};

package/dist/Svg/Svg.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import "./Svg.stories.css";
-import { Svg } from ".";
-declare const meta: Meta;
-export default meta;
-export declare const Default: StoryObj<typeof Svg>;
-export declare const Headphones: StoryObj<typeof Svg>;

package/dist/Svg/Svg.stories.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import headphonesIcons from "@material-symbols/svg-400/outlined/headphones.svg";
-import homeIcons from "@material-symbols/svg-400/outlined/home.svg";
-import saveIcons from "@material-symbols/svg-400/outlined/save.svg";
-import closeIcons from "@material-symbols/svg-400/outlined/close.svg";
-import "./Svg.stories.css";
-import { Svg } from ".";
-const meta = {
-    title: "Components/Svg",
-    component: Svg,
-};
-export default meta;
-const MODIFIERS = {
-    "/public/headphones.svg": headphonesIcons,
-    "/public/home.svg": homeIcons,
-    "/public/save.svg": saveIcons,
-    "/public/close.svg": closeIcons,
-    "simulate svg error": "foo",
-};
-export const Default = {
-    name: "Svg",
-    render: ({ src, ...args }) => _jsx(Svg, { src: MODIFIERS[src], ...args }),
-    args: {
-        src: "/public/headphones.svg",
-        fill: "#00008f",
-        width: 24,
-        height: 24,
-        alt: "error",
-    },
-    argTypes: {
-        src: {
-            options: Object.keys(MODIFIERS),
-            control: { type: "select" },
-        },
-    },
-};
-export const Headphones = {
-    name: "Svg Headphones",
-    render: () => _jsx(Svg, { src: headphonesIcons, fill: "#00008f" }),
-};

package/dist/Svg/__tests__/Svg.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/Svg/__tests__/Svg.test.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from "@testing-library/react";
-import { axe } from "jest-axe";
-import { Svg } from "../Svg";
-const mocks = vi.hoisted(() => {
-    return {
-        SVGInjector: vi.fn(),
-    };
-});
-vi.mock("@tanem/svg-injector", () => mocks);
-describe("<Svg />", () => {
-    describe("render", () => {
-        it("renders correctly", () => {
-            mocks.SVGInjector.mockImplementationOnce((el, { afterEach }) => {
-                afterEach(undefined, el);
-            });
-            const svgSrc = "svgSrc";
-            render(_jsx(Svg, { src: "svgSrc", alt: "foo", "aria-label": "test" }));
-            const svg = screen.getByLabelText("test");
-            expect(svg).toBeInTheDocument();
-            expect(svg).toHaveAttribute("data-src", svgSrc);
-        });
-        it("renders fallback when src not found", async () => {
-            mocks.SVGInjector.mockImplementationOnce((_, { afterEach }) => {
-                afterEach("error");
-            });
-            render(_jsx(Svg, { src: "fake", alt: "foo", "aria-label": "test" }));
-            const svg = screen.getByText("foo");
-            expect(svg).toBeInTheDocument();
-        });
-    });
-    describe("A11Y", () => {
-        it("shouldn't have an accessibility violation <Svg />", async () => {
-            const { container } = render(_jsx(Svg, { src: "svgSrc", alt: "foo" }));
-            expect(await axe(container)).toHaveNoViolations();
-        });
-    });
-});

package/dist/Tabs/Tabs.stories.d.ts

@@ -1,17 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { ReactNode } from "react";
-import { Direction, TabsClient } from "./Tabs";
-declare const meta: Meta<typeof TabsClient>;
-export default meta;
-type StoryProps = Omit<React.ComponentProps<typeof TabsClient>, "items" | "direction" | "preSelectedTabIndex"> & {
-    items: {
-        title: string;
-        content: string | ReactNode;
-        icon?: ReactNode;
-    }[];
-    preSelectedTabIndex?: number;
-    direction?: Direction;
-};
-export declare const TabsStory: StoryObj<StoryProps>;
-export declare const TabsCenterDirectionStory: StoryObj<StoryProps>;
-export declare const TabsWithReactNodeStory: StoryObj<typeof TabsClient>;

package/dist/Tabs/Tabs.stories.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import accessTime from "@material-symbols/svg-400/outlined/schedule.svg";
-import bluetoothAudio from "@material-symbols/svg-400/outlined/bluetooth_searching.svg";
-import { Direction, TabsClient } from "./Tabs";
-import { Svg } from "../Svg";
-const meta = {
-    component: TabsClient,
-    title: "Components/Tabs",
-    parameters: {
-        layout: "fullscreen",
-    },
-};
-export default meta;
-export const TabsStory = {
-    name: "Tabs",
-    render: ({ items, preSelectedTabIndex, direction }) => {
-        const props = {
-            items,
-            preSelectedTabIndex,
-        };
-        if (direction === Direction.center) {
-            props.direction = Direction.center;
-        }
-        return _jsx(TabsClient, { ...props });
-    },
-    args: {
-        items: [
-            { title: "Tab 1", content: "Content 1" },
-            { title: "Tab 2", content: "Content 2", icon: _jsx(Svg, { src: accessTime }) },
-            { title: "Tab 3", content: "Content 3" },
-        ],
-        preSelectedTabIndex: 0,
-    },
-    argTypes: {
-        items: {
-            control: { type: "object" },
-        },
-        preSelectedTabIndex: {
-            control: { type: "number" },
-        },
-        direction: {
-            control: "select",
-            options: ["default", "center"],
-        },
-    },
-};
-export const TabsCenterDirectionStory = {
-    name: "TabsCenterDirection",
-    render: (args) => _jsx(TabsClient, { ...args }),
-    args: {
-        items: [
-            { title: "Center tab 1", content: "Content 1" },
-            {
-                title: "Center tab 2",
-                content: "Content 2",
-                icon: _jsx(Svg, { src: accessTime }),
-            },
-            {
-                title: "Center tab 3",
-                content: "Content 3",
-                icon: _jsx(Svg, { src: bluetoothAudio }),
-            },
-        ],
-        preSelectedTabIndex: 0,
-        direction: Direction.center,
-    },
-};
-export const TabsWithReactNodeStory = {
-    name: "TabsWithReactNode",
-    render: (args) => _jsx(TabsClient, { ...args }),
-    args: {
-        items: [
-            {
-                title: "ReactNode tab 1",
-                content: (_jsxs(_Fragment, { children: [_jsx("h2", { children: "Titre 1" }), _jsx("p", { children: "Content 1" })] })),
-            },
-            {
-                title: "ReactNode tab 2",
-                content: (_jsxs(_Fragment, { children: [_jsx("h2", { children: "Titre 2" }), _jsx("p", { children: "Content 2" })] })),
-            },
-            {
-                title: "ReactNode tab 3",
-                content: (_jsxs(_Fragment, { children: [_jsx("h2", { children: "Titre 3" }), _jsx("p", { children: "Content 3" })] })),
-            },
-        ],
-        direction: Direction.center,
-        preSelectedTabIndex: 0,
-    },
-};