page.stories.mdx

import {Page} from "ui";
import {ArgsTable, Canvas, Meta, Story} from "@storybook/addon-docs";

<Meta title="Components/Sections/Page/old" component={Page}/>

export const Template = (args) => <Page {...args} />;

# Page

Description of a Page

## Props

<ArgsTable story="Default"/>

## Examples

<Canvas>
    <Story
        name="Default"
        args={{
            pageTitle: "Example Page",
            pageDescription: "Example page description",
            navigation: true,
            noSession: true,
            routes: [
                {
                    icon: "home",
                    text: "Example",
                    href: "https://www.spot-ship.com",
                    removeHover: true,
                },
            ],
            protectedRoutes: [
                {
                    icon: "home",
                    text: "Example",
                    href: "https://www.spot-ship.com",
                    removeHover: true,
                },
                {
                    icon: "globe",
                    text: "Example thats only available when logged in",
                    href: "https://www.spot-ship.com",
                    removeHover: true,
                },
            ],
        }}
    >
        {Template.bind({})}
    </Story>
</Canvas>