@premieroctet/next-admin
Version:
Next-Admin provides a customizable and turnkey admin dashboard for applications built with Next.js and powered by the Prisma ORM. It aims to simplify the development process by providing a turnkey admin system that can be easily integrated into your proje
50 lines (49 loc) • 2.29 kB
JavaScript
import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import external_clsx_default from "clsx";
const Table = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
className: "w-full overflow-auto",
children: /*#__PURE__*/ jsx("table", {
ref: ref,
className: external_clsx_default("w-full caption-bottom text-sm", className),
...props
})
}));
Table.displayName = "Table";
const TableHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("thead", {
ref: ref,
className: external_clsx_default("[&_tr]:border-b", className),
...props
}));
TableHeader.displayName = "TableHeader";
const TableBody = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tbody", {
ref: ref,
className: external_clsx_default("[&_tr:last-child]:border-0", className),
...props
}));
TableBody.displayName = "TableBody";
const TableRow = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tr", {
ref: ref,
className: external_clsx_default("border-b transition-colors", className),
...props
}));
TableRow.displayName = "TableRow";
const TableHead = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("th", {
ref: ref,
className: external_clsx_default("text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0", className),
...props
}));
TableHead.displayName = "TableHead";
const TableCell = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("td", {
ref: ref,
className: external_clsx_default("max-w-sm p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
...props
}));
TableCell.displayName = "TableCell";
const TableCaption = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("caption", {
ref: ref,
className: external_clsx_default("text-muted-foreground mt-4 text-sm", className),
...props
}));
TableCaption.displayName = "TableCaption";
export { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow };