import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Page, Main, Section, Row, Col } from "./index";
import Text from "../text";
export default {
    title: "Base/Grid",
    component: Page,
};
export const Default = () => (_jsxs(Page, { style: { background: "#002445", padding: 20 }, children: [_jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Page" }), _jsxs(Main, { style: { background: "#4C667D", padding: 20 }, children: [_jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Main" }), _jsxs(Section, { style: { background: "#0078E2", padding: 20, marginBottom: 20 }, children: [_jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Default section" }), _jsxs(Row, { style: { background: "#B3BDC7", padding: 20, marginBottom: 20 }, children: [_jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Row flex space evenly" }), _jsxs(Row, { spaceEvenly: true, children: [_jsx(Col, { width: "45%", style: {
                                                background: "#1792FF",
                                                padding: 20,
                                                border: "1px solid #002445",
                                            }, children: _jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Col 45%" }) }), _jsx(Col, { width: "45%", style: {
                                                background: "#1792FF",
                                                padding: 20,
                                                border: "1px solid #002445",
                                            }, children: _jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Col 45%" }) })] })] }), _jsxs(Row, { style: { background: "#B3BDC7", padding: 20, marginBottom: 20 }, children: [_jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Default row" }), _jsxs(Row, { children: [_jsx(Col, { width: "25%", style: {
                                                background: "#1792FF",
                                                padding: 20,
                                                border: "1px solid #002445",
                                            }, children: _jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Col 25%" }) }), _jsx(Col, { width: "25%", style: {
                                                background: "#1792FF",
                                                padding: 20,
                                                border: "1px solid #002445",
                                            }, children: _jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Col 25%" }) })] })] })] }), _jsxs(Section, { isLong: true, style: { background: "#0078E2", padding: 20, marginBottom: 20 }, children: [_jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Long section" }), _jsxs(Row, { style: { background: "#B3BDC7", padding: 20, marginBottom: 20 }, children: [_jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Row flex space between" }), _jsxs(Row, { spaceBetween: true, children: [_jsx(Col, { width: "30%", style: {
                                                background: "#1792FF",
                                                padding: 20,
                                                border: "1px solid #002445",
                                            }, children: _jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Col 30%" }) }), _jsx(Col, { width: "30%", style: {
                                                background: "#1792FF",
                                                padding: 20,
                                                border: "1px solid #002445",
                                            }, children: _jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Col 30%" }) }), _jsx(Col, { width: "30%", style: {
                                                background: "#1792FF",
                                                padding: 20,
                                                border: "1px solid #002445",
                                            }, children: _jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Col 30%" }) })] })] })] }), _jsx(Section, { style: { background: "#0078E2", padding: 20, marginBottom: 20 }, children: _jsx(Text.T4, { style: { color: "white", marginBottom: 10 }, children: "Section" }) })] })] }));
//# sourceMappingURL=index.stories.js.map