var __rest = this && this.__rest || function (s, e) {
    var t = {};
    for (var p in s) {
        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
    }if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
        if (e.indexOf(p[i]) < 0) t[p[i]] = s[p[i]];
    }return t;
};
import React from 'react';
import { variables as styleConst } from 'cf-style-const';
import * as colors from '../../mixins/colors';
import { Block } from 'jsxstyle';
import prefixKeys from '../../utilities/prefix-object-keys';
var Box = function Box(props) {
    var subtleBoxShadow = props.subtleBoxShadow,
        passableProps = __rest(props, ["subtleBoxShadow"]);
    passableProps.props = passableProps.props || {};
    // Append passed component name suffix if given.
    var componentName = [passableProps.props['data-component'], 'box'].filter(function (entry) {
        return entry;
    }).join(':');
    passableProps.props['data-component'] = componentName;
    return React.createElement(Block, Object.assign({ boxShadow: subtleBoxShadow ? '0 1px 2px 1px ' + colors.blockBorderColor : styleConst.boxShadow, boxSizing: 'border-box', backgroundColor: '#fff', fontFamily: styleConst.fontFamily, fontSize: styleConst.fontSize, color: styleConst.black, position: 'relative', lineHeight: styleConst.lineHeights.copy, overflow: 'hidden' }, prefixKeys('before', {
        content: '""',
        // backgroundImage: styleConst.gradient.skyDew,
        height: 10,
        position: 'absolute',
        zIndex: 1,
        top: 0,
        left: 0,
        right: 0
    }), passableProps));
};
export default Box;
//# sourceMappingURL=box.js.map