@workday/canvas-kit-react

Version:
The parent module that contains all Workday Canvas Kit React components
25 lines (24 loc) • 1.58 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { Text } from '@workday/canvas-kit-react/text';
import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
import { useInformationHighlightModel } from '../hooks/useInformationHighlightModel';
const informationHighlightBodyStencil = createStencil({
    parts: {
        body: 'information-highlight-body',
    },
    base: { name: "zy90j", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default, \"Roboto\");font-weight:var(--cnvs-sys-font-weight-normal, 400);line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);font-size:var(--cnvs-sys-font-size-subtext-lg, 0.875rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, 0.015rem);color:var(--cnvs-sys-color-fg-muted-default);margin-block-end:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));" },
    modifiers: {
        actionPlacement: {
            bottom: { name: "1hrbv1", styles: "grid-column:2;" },
            end: { name: "1nw165", styles: "margin-block-end:0;" }
        }
    }
}, "information-highlight-body-41e02e");
export const Body = createSubcomponent('div')({
    displayName: 'Body',
    modelHook: useInformationHighlightModel,
})(({ ...elemProps }, Element, model) => {
    return (_jsx(Text, { as: Element, ...informationHighlightBodyStencil.parts.body, ...handleCsProp(elemProps, informationHighlightBodyStencil({ actionPlacement: model.state.actionPlacement })) }));
});