"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
exports.StyledCell = view_container_1.styled.div.attrs({
    className: 'cell',
}) `
  ${props => props.colSpan &&
    props.totalColumns &&
    view_container_1.styled.css `
      width: ${props.colSpan / props.totalColumns * 100}%;
    `}
  /* wish it had an else */
  ${props => !(props.colSpan && props.totalColumns) &&
    view_container_1.styled.css `
      flex: 1;
    `}

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