@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
20 lines (19 loc) • 1.03 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { cardHeadingStencil } from '@workday/canvas-kit-react/card';
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
import { createStencil } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
import { usePopupHeading, usePopupModel } from './hooks';
export const popupHeadingStencil = createStencil({
extends: cardHeadingStencil,
base: { name: "g3ame", styles: "box-sizing:border-box;padding-inline:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" },
defaultModifiers: { typeLevel: 'body.large' }
}, "popup-heading-a574cf");
export const PopupHeading = createSubcomponent('h2')({
displayName: 'Popup.Heading',
modelHook: usePopupModel,
elemPropsHook: usePopupHeading,
})(({ children, ...elemProps }, Element) => {
return _jsx(Element, { ...mergeStyles(elemProps, popupHeadingStencil()), children: children });
});