@radix-ui/themes/dist/esm/components/table.js

[](https://radix-ui.com/themes)

import*as e from"react";import t from"classnames";import{tableRootPropDefs as p,tableRowPropDefs as u,tableCellPropDefs as n}from"./table.props.js";import{extractProps as s,getResponsiveClassNames as H}from"../helpers/index.js";import{marginPropDefs as N}from"../props/index.js";import{ScrollArea as E}from"./scroll-area.js";const m=e.forwardRef((o,l)=>{const{layout:a,...r}=p,{className:C,children:c,layout:y,...i}=s(o,r,N),w=H({value:y,className:p.layout.className,propValues:p.layout.values});return e.createElement("div",{ref:l,className:t("rt-TableRoot",C),...i},e.createElement(E,null,e.createElement("table",{className:t("rt-TableRootTable",w)},c)))});m.displayName="Table.Root";const d=e.forwardRef(({className:o,...l},a)=>e.createElement("thead",{...l,ref:a,className:t("rt-TableHeader",o)}));d.displayName="Table.Header";const b=e.forwardRef(({className:o,...l},a)=>e.createElement("tbody",{...l,ref:a,className:t("rt-TableBody",o)}));b.displayName="Table.Body";const P=e.forwardRef((o,l)=>{const{className:a,...r}=s(o,u);return e.createElement("tr",{...r,ref:l,className:t("rt-TableRow",a)})});P.displayName="Table.Row";const T=e.forwardRef((o,l)=>{const{className:a,...r}=s(o,n);return e.createElement("td",{className:t("rt-TableCell",a),ref:l,...r})});T.displayName="Table.Cell";const R=e.forwardRef((o,l)=>{const{className:a,...r}=s(o,n);return e.createElement("th",{className:t("rt-TableCell","rt-TableColumnHeaderCell",a),scope:"col",ref:l,...r})});R.displayName="Table.ColumnHeaderCell";const f=e.forwardRef((o,l)=>{const{className:a,...r}=s(o,n);return e.createElement("th",{className:t("rt-TableCell","rt-TableRowHeaderCell",a),scope:"row",ref:l,...r})});f.displayName="Table.RowHeaderCell";export{b as Body,T as Cell,R as ColumnHeaderCell,d as Header,m as Root,P as Row,f as RowHeaderCell};
//# sourceMappingURL=table.js.map