koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
3 lines (2 loc) • 860 B
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),s=require("react"),b=require("css-vars-hook"),R=require("classnames"),q=require("../../internal/hooks/useLinkRefs.cjs"),e=require("./DataTable.module.css.cjs"),u=s.forwardRef(({children:r,isPinned:l,leftMargin:t,rightMargin:a,classname:c,as:o="th",isHighlighted:f=!1},n)=>{const{LocalRoot:d,ref:i}=b.useLocalTheme();q.useLinkRefs(n,i);const m=s.useMemo(()=>({...t&&{"left-margin":t},...a&&{"right-margin":a}}),[t,a]);return h.jsx(d,{theme:m,as:o,className:R(e.default.tableCell,{[e.default.highlighted]:f,[e.default.pinned]:!!l,[e.default.pinnedHeader]:!!l&&o==="th",[e.default.left]:l==="left",[e.default.right]:l==="right"},c),children:r})});u.displayName="TableCell";exports.TableCell=u;
//# sourceMappingURL=TableCell.cjs.map