diff --git a/packages/orbit-components/src/OrbitProvider/OrbitProvider.stories.tsx b/packages/orbit-components/src/OrbitProvider/OrbitProvider.stories.tsx index 5b9733718d..c9fbf1ae8c 100644 --- a/packages/orbit-components/src/OrbitProvider/OrbitProvider.stories.tsx +++ b/packages/orbit-components/src/OrbitProvider/OrbitProvider.stories.tsx @@ -4,15 +4,32 @@ import type { Meta, StoryObj } from "@storybook/react"; import Button from "../Button"; import getTokens from "../getTokens"; +// import type { Theme } from "../defaultTheme"; import OrbitProvider from "."; -const meta: Meta = { +interface OrbitThemeCustomProps { + orbitTheme: { + palette: { + [key: string]: { + [colorName: string]: string; + }; + }; + }; + customTheme: { + [key: string]: string; + }; +} + +type OrbitProviderPropsAndCustomArgs = React.ComponentProps & + OrbitThemeCustomProps; + +const meta: Meta = { title: "OrbitProvider", component: OrbitProvider, parameters: { - info: "This is the default configuration of this component. Visit Orbit.Kiwi for more detailed guidelines.", + info: "Example how OrbitProvider component can be used. Visit Orbit.Kiwi for more detailed guidelines.", }, args: { @@ -36,11 +53,11 @@ const meta: Meta = { }, }; -type Story = StoryObj; +type Story = StoryObj; export default meta; -export const OwnTheme: Story = { +export const Default: Story = { render: ({ orbitTheme, customTheme }) => (