'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _themeGet = require('../../../extensions/themeGet');

var _themeGet2 = _interopRequireDefault(_themeGet);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var shadowColor = (0, _themeGet2.default)('colors.shadow.default');

exports.default = _styledComponents2.default.div.withConfig({
  displayName: 'TableWrapShadow'
})(['background:', ';border-width:', ';border-style:solid;border-color:', ';border-radius:5px 5px 0 0;font-size:1em;width:100%;overflow-x:auto;position:relative;', ';'], (0, _themeGet2.default)('colors.background.default'), (0, _themeGet2.default)('thicknesses.normal'), (0, _themeGet2.default)('colors.border.medium'), function (props) {
  switch (props.shadow) {
    case 'left':
      return 'box-shadow: inset 15px 0 10px -10px ' + shadowColor(props) + '};';
    case 'right':
      return 'box-shadow: inset -15px 0 10px -10px ' + shadowColor(props) + ';';
    case 'both':
      return 'box-shadow: inset -15px 0 10px -10px ' + shadowColor(props) + ',\n          inset 15px 0 10px -10px ' + shadowColor + ';';
    default:
      return '';
  }
});