design-system-simplefi/build/src/components/layout/FlexContainer/FlexContainer.stories.js

Design System for SimpleFi Applications

import React from 'react';
import { H2, Paragraph } from '../../typography';
import FlexContainer from './FlexContainer';
var lipsum = [
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pharetra\nmagna lectus, a congue ex blandit vel. Donec id mi commodo eros porta tempus. Vivamus et elit ut\nleo tincidunt vehicula non a dolor. Suspendisse placerat turpis nisl, quis gravida sem semper et.",
    "Donec id mi commodo eros porta tempus. Vivamus et elit ut\nleo tincidunt vehicula non a dolor. Suspendisse placerat turpis nisl, quis gravida sem semper et.",
];
export default {
    title: 'layout/positioning/Flex',
    component: FlexContainer,
};
export var sample = function () { return (React.createElement(React.Fragment, null,
    React.createElement(FlexContainer, { alignItems: "center", padding: 2 },
        React.createElement(H2, { margin: "none", padding: { right: 2 } }, "Hello World!"),
        React.createElement(Paragraph, { margin: "none" }, lipsum[1])),
    React.createElement(FlexContainer, { flexDirection: "column", margin: { horizontal: 3 } },
        React.createElement(Paragraph, null, lipsum[0]),
        React.createElement(Paragraph, null, lipsum[1])))); };
//# sourceMappingURL=FlexContainer.stories.js.map