Function Table

examples/ts-react-search/src/components/ui/table.tsx:7–20

({ className, ...props }: React.ComponentProps<'table'>)

import cn from '@/utils/cn'

function Table({ className, ...props }: React.ComponentProps<'table'>) {
  return (
    <div
      data-slot="table-container"
      className="relative w-full overflow-x-auto"
    >
      <table
        data-slot="table"
        className={cn('w-full caption-bottom text-sm', className)}
        {...props}
      />
    </div>
  )
}

function TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {
  return (