@workday/canvas-kit-react/dist/es6/table/lib/parts/BaseTableHeader.js

The parent module that contains all Workday Canvas Kit React components

import { jsx as _jsx } from "react/jsx-runtime";
import { createComponent } from '@workday/canvas-kit-react/common';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
import { calc, createStencil, px2rem } from '@workday/canvas-kit-styling';
import { base, system } from '@workday/canvas-tokens-web';
export const baseTableHeaderStencil = createStencil({
    base: { name: "3icqpx", styles: "box-sizing:border-box;background-color:var(--cnvs-sys-color-bg-default);border-block-end:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));justify-content:start;min-height:calc(var(--cnvs-sys-size-xxl, var(--cnvs-sys-space-x16, 4rem)) - var(--cnvs-base-size-100, 0.5rem));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));word-break:break-word;font-weight:var(--cnvs-sys-font-weight-medium);color:var(--cnvs-sys-color-fg-strong);" }
}, "base-table-header-325ccb");
export const BaseTableHeader = createComponent('th')({
    displayName: 'Table.Header',
    Component: ({ children, ...elemProps }, ref, Element) => {
        return (_jsx(Element, { ref: ref, ...mergeStyles(elemProps, baseTableHeaderStencil()), children: children }));
    },
});