import { Table } from "antd";
import styled from "styled-components";
import {
  getTextSizes,
  linkColorTokens,
  textColorTokens,
  textLevels,
} from "../../design-system/tokens";
import { TableProps } from "./types";

export const StyledTable = styled(Table as any)<TableProps>`
  .ant-table {
    color: ${textColorTokens["text-default-color"]};
  }
  .ant-table-cell a {
    color: ${linkColorTokens["link-default-color-2022"]};
  }
  ${getTextSizes(textLevels.SPAN)}
`;