"use strict";

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

const styleh_components_1 = require("styleh-components");

exports.StyledCell = styleh_components_1.styled.div.attrs({
  className: 'cell'
})`
  ${props => props.colSpan && props.totalColumns && styleh_components_1.styled.css`
      width: ${props.colSpan / props.totalColumns * 100}%;
    `}
  /* wish it had an else */
  ${props => !(props.colSpan && props.totalColumns) && styleh_components_1.styled.css`
      flex: 1;
    `}

  display: inline-flex;
  position: relative;
  padding: $spacing-small;
  padding-bottom: $spacing-small;
`;
exports.StyledInnerCell = styleh_components_1.styled.div.className('cell-inner')`
  width: 100%;
`; //# sourceMappingURL=styled.js.map