import React from "react";

export function Table(props) {
  return <div className="block w-full overflow-x-auto text-secondary">
    <table className="items-center w-full bg-transparent border-collapse">
      {props.children}
    </table>
  </div>;
}
export function TablePart(props) {
  return <td className={"border-t-0 px-6 align-middle border-l-0 border-r-0 text-xs whitespace-no-wrap p-4 " + props.className}>
    {props.children}
  </td>;
}
export function TableHeader(props) {
  return <th className={"px-6 py-3 align-middle text-xs uppercase whitespace-no-wrap font-bold text-left text-secondary border-b-2 border-secondary " + props.className}>
    {props.children}
  </th>;
}