smart-react-components/Header-6a9f0893.js

React UI library, wide variety of editable ready to use Styled and React components.

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var styled = require('styled-components');
var styled__default = _interopDefault(styled);
var Header = require('./element/Header.js');

var ModalHeader = styled__default(Header).attrs(({ bottomBorder = true, flex = "0 0 auto", display = "flex", justifyContent = "space-between", alignItems = "center" }) => ({ bottomBorder, flex, display, justifyContent, alignItems }))(({ theme, bottomBorder }) => `
    box-sizing: border-box;
    padding: ${theme.src.modal.modalContentPadding.y} ${theme.src.modal.modalContentPadding.x};

    ${bottomBorder ? `
        border-bottom: solid 1px ${theme.src.modal.modalContentBorderColor};
    ` : ""}
`);

exports.ModalHeader = ModalHeader;