"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.TableColumn = exports.TableColumnHeader = exports.TableRow = exports.TableHeader = exports.TableBody = exports.Table = exports.TableWrapper = void 0;
const styles_1 = require("../../styles");
const theme_1 = require("../../styles/theme");
exports.TableWrapper = styles_1.styled.div `
  margin: 0;
  padding: 0;
`;
exports.Table = styles_1.styled.table `
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  min-width: 100%;
`;
exports.TableBody = styles_1.styled.tbody `
  margin: 0;
  padding: 0;
`;
exports.TableHeader = styles_1.styled.thead `
  margin: 0;
  padding: 0;
`;
exports.TableRow = styles_1.styled.tr `
  margin: 0;
  padding: 0;
  color: ${theme_1.theme.colors.gray[1]};
  border-bottom: 2px solid ${theme_1.theme.colors.gray[4]};
  cursor: ${({ onClick }) => (onClick ? 'pointer' : null)};
  &.selected,
  &:hover {
    td {
      background-color: ${theme_1.theme.colors.gray[4]};
    }
  }

  &.hide {
    display: none;
  }

  &:hover {
    .showOnHover {
      opacity: 1;
      pointer-events: all;
    }
  }
`;
exports.TableColumnHeader = styles_1.styled.th `
  margin: 0;
  padding: ${(props) => props.padding || '10px 15px'};
  text-align: left;
  color: ${theme_1.theme.colors.gray[2]};
  line-height: ${theme_1.theme.lineHeights.lessTight};
`;
exports.TableColumn = styles_1.styled.td `
  margin: 0;
  padding: ${(props) => props.padding || '3px 15px'};
  white-space: nowrap;
  line-height: ${(props) => props.lineHeight || 'initial'};
  text-align: ${(props) => props.textAlign || 'left'};

  .canEdit {
    cursor: pointer;
  }

  .editIcon {
    opacity: 0;
    transition: opacity 0.3s;
  }

  &:hover {
    .editIcon {
      opacity: 1;
    }
  }

  .showOnHover {
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
  }
`;
//# sourceMappingURL=styles.js.map