{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table",
  "type": "registry:ui",
  "title": "Table",
  "description": "A table component that can be used to display data in a tabular format.",
  "files": [
    {
      "path": "registry/tra-kit/components/table.tsx",
      "content": "import { HTMLProps, ReactNode } from 'react';\r\nimport { cn } from '@/lib/utils';\r\n\r\ntype ITable = HTMLProps<HTMLTableElement> & {\r\n  children: ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype IThead = HTMLProps<HTMLTableSectionElement> & {\r\n  children: ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ITbody = HTMLProps<HTMLTableSectionElement> & {\r\n  children: ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ITr = HTMLProps<HTMLTableRowElement> & {\r\n  children: ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ITh = HTMLProps<HTMLTableCellElement> & {\r\n  children: ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ITd = HTMLProps<HTMLTableCellElement> & {\r\n  children: ReactNode;\r\n  className?: string;\r\n};\r\n\r\nexport const Table = ({ children, className, ...otherProps }: ITable) => (\r\n  <table\r\n    className={cn(className, 'TraTable-table shadow-soft-primary')}\r\n    {...otherProps}\r\n  >\r\n    {children}\r\n  </table>\r\n);\r\n\r\nexport const THead = ({ children, className, ...otherProps }: IThead) => (\r\n  <thead\r\n    className={cn(className, 'TraTable-thead bg-primary-15')}\r\n    {...otherProps}\r\n  >\r\n    {children}\r\n  </thead>\r\n);\r\n\r\nexport const TBody = ({ children, className, ...otherProps }: ITbody) => (\r\n  <tbody\r\n    className={cn(className, 'TraTable-tbody')}\r\n    {...otherProps}\r\n  >\r\n    {children}\r\n  </tbody>\r\n);\r\n\r\nexport const TR = ({ children, className, ...otherProps }: ITr) => (\r\n  <tr\r\n    className={cn(className, 'TraTable-tr transition-all hover:bg-primary-5')}\r\n    {...otherProps}\r\n  >\r\n    {children}\r\n  </tr>\r\n);\r\n\r\nexport const TH = ({ children, className, ...otherProps }: ITh) => (\r\n  <th\r\n    className={cn(className, 'TraTable-th p-4 text-sm')}\r\n    {...otherProps}\r\n  >\r\n    {children}\r\n  </th>\r\n);\r\n\r\nexport const TD = ({ children, className, ...otherProps }: ITd) => (\r\n  <td\r\n    className={cn(className, 'TraTable-td p-4 text-sm')}\r\n    {...otherProps}\r\n  >\r\n    {children}\r\n  </td>\r\n);\r\n",
      "type": "registry:ui"
    }
  ]
}