import styled from "styled-components";

/**
 * Accepts all HMTL attributes a `<th>` element does.
 */
export const TableHeadCell = styled.th.attrs({
  className: `px-6 py-2.5 truncate h-tableRow
              text-palette-600 font-sans font-light text-xs
              first:rounded-l-sm last:rounded-r-sm`,
})`
  text-align: ${({ align }) => align ?? "left"};
  max-width: ${({ maxWidth }) => maxWidth ?? "none"};
`;