@cimpress/react-components/dist/esm/docs/components/flexbox/flexboxExampleOne.js

React components to support the MCP styleguide

import React, { Fragment } from 'react';
import { css } from '@emotion/css';
import { FlexBox, colors } from '@cimpress/react-components';
import Block from './block';
const FlexExampleOne = () => (React.createElement(Fragment, null,
    React.createElement("h5", null, "Example of Centered FlexBox"),
    React.createElement(FlexBox, { className: css `
        background-color: ${colors.warning.base};
        height: 150px;
      `, alignItems: "center", justifyContent: "center" },
        React.createElement(Block, null),
        React.createElement(Block, null),
        React.createElement(Block, null),
        React.createElement(Block, null),
        React.createElement(Block, null))));
export default FlexExampleOne;
//# sourceMappingURL=flexboxExampleOne.js.map