import { color, layout, space } from 'styled-system';
import { styled } from 'styled-components';
import { cssClass } from '../../utils/css-class.js';

/**
 * @component
 * @private
 */
const TableCell = styled.td.withConfig({
  displayName: "table-cell__TableCell",
  componentId: "sc-1l3jzpp-0"
})(["border-top:1px solid ", ";border-bottom:1px solid ", ";font-size:", ";line-height:", ";word-break:break-word;vertical-align:middle;", ";", ";", ";&.options{text-align:right;}"], ({
  theme
}) => theme.colors.border, ({
  theme
}) => theme.colors.border, ({
  theme
}) => theme.fontSizes.default, ({
  theme
}) => theme.lineHeights.default, color, space, layout);
TableCell.defaultProps = {
  p: 'lg',
  color: 'text',
  className: cssClass('TableCell')
};
export default TableCell;