Table

import {
  AppTable,
  AppTableHeader,
  AppTableBody,
  AppTableFooter,
  AppTableHead,
  AppTableRow,
  AppTableCell,
  AppTableCaption,
} from "@/components/primitives/AppTable"

"use client"

import * as React from "react"
import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "../ui/table"

type AppTableProps = React.ComponentProps<typeof Table>
function AppTable(props: AppTableProps) {
  return <Table {...props} />
}

type AppTableHeaderProps = React.ComponentProps<typeof TableHeader>
function AppTableHeader(props: AppTableHeaderProps) {
  return <TableHeader {...props} />
}

type AppTableBodyProps = React.ComponentProps<typeof TableBody>
function AppTableBody(props: AppTableBodyProps) {
  return <TableBody {...props} />
}

type AppTableFooterProps = React.ComponentProps<typeof TableFooter>
function AppTableFooter(props: AppTableFooterProps) {
  return <TableFooter {...props} />
}

type AppTableHeadProps = React.ComponentProps<typeof TableHead>
function AppTableHead(props: AppTableHeadProps) {
  return <TableHead {...props} />
}

type AppTableRowProps = React.ComponentProps<typeof TableRow>
function AppTableRow(props: AppTableRowProps) {
  return <TableRow {...props} />
}

type AppTableCellProps = React.ComponentProps<typeof TableCell>
function AppTableCell(props: AppTableCellProps) {
  return <TableCell {...props} />
}

type AppTableCaptionProps = React.ComponentProps<typeof TableCaption>
function AppTableCaption(props: AppTableCaptionProps) {
  return <TableCaption {...props} />
}

export {
  AppTable, type AppTableProps,
  AppTableHeader, type AppTableHeaderProps,
  AppTableBody, type AppTableBodyProps,
  AppTableFooter, type AppTableFooterProps,
  AppTableHead, type AppTableHeadProps,
  AppTableRow, type AppTableRowProps,
  AppTableCell, type AppTableCellProps,
  AppTableCaption, type AppTableCaptionProps,
}