19 lines
687 B
JavaScript
19 lines
687 B
JavaScript
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>;
|
|
} |