import React from 'react';
import { Box } from './react';
export default {
    title: 'Layout/Box',
    component: Box,
    render(args) {
        return (React.createElement(Box, { ...args },
            React.createElement("h3", null, "Box Content"),
            React.createElement("p", null, "This is content inside a box component.")));
    },
};
export const Default = {
    args: {
        bleed: false,
        bordered: false,
        info: false,
        neutral: false,
        role: 'region',
    },
};
export const Info = {
    args: {
        info: true,
        role: 'region',
    },
};
export const Neutral = {
    args: {
        neutral: true,
        role: 'region',
    },
};
export const Bordered = {
    args: {
        bordered: true,
        role: 'region',
    },
};
export const Bleed = {
    args: {
        bleed: true,
        neutral: true,
        role: 'region',
    },
};
