import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { cva } from '../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import * as React from 'react';
import styles from './table.module.css.js';

const table = cva(styles.table);
/**
 * @deprecated Use Table from '@raystack/apsara/v1' instead.
 */
const TableRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("div", { style: { width: "100%", overflow: "auto" }, children: jsxRuntimeExports.jsx("table", { ref: ref, className: table({ className }), ...props }) })));
TableRoot.displayName = "Table";
const header = cva(styles.header);
/**
 * @deprecated Use Table from '@raystack/apsara/v1' instead.
 */
const TableHeader = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("thead", { ref: ref, className: header({ className }), ...props })));
TableHeader.displayName = "TableHeader";
const body = cva(styles.body);
/**
 * @deprecated Use Table from '@raystack/apsara/v1' instead.
 */
const TableBody = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("tbody", { ref: ref, className: body({ className }), ...props })));
TableBody.displayName = "TableBody";
const footer = cva(styles.footer);
/**
 * @deprecated TableFooter is removed and no longer supported in `@raystack/apsara/v1`
 */
const TableFooter = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("tfoot", { ref: ref, className: footer({ className }), ...props })));
TableFooter.displayName = "TableFooter";
const row = cva(styles.row);
/**
 * @deprecated Use Table from '@raystack/apsara/v1' instead.
 */
const TableRow = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("tr", { ref: ref, className: row({ className }), ...props })));
TableRow.displayName = "TableRow";
const head = cva(styles.head);
/**
 * @deprecated Use Table from '@raystack/apsara/v1' instead.
 */
const TableHead = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("th", { ref: ref, className: head({ className }), ...props })));
TableHead.displayName = "TableHead";
const cell = cva(styles.cell);
/**
 * @deprecated Use Table from '@raystack/apsara/v1' instead.
 */
const TableCell = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("td", { ref: ref, className: cell({ className }), ...props })));
TableCell.displayName = "TableCell";
const caption = cva(styles.caption);
/**
 * @deprecated TableCaption is removed and no longer supported in `@raystack/apsara/v1`
 */
const TableCaption = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx("caption", { ref: ref, className: caption({ className }), ...props })));
TableCaption.displayName = "TableCaption";
const Table = Object.assign(TableRoot, {
    Header: TableHeader,
    Body: TableBody,
    Footer: TableFooter,
    Head: TableHead,
    Row: TableRow,
    Cell: TableCell,
    Caption: TableCaption,
});

export { Table };
//# sourceMappingURL=table.js.map
