@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
18 lines (17 loc) • 891 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { Card } from '@workday/canvas-kit-react/card';
import { usePopupHeading, usePopupModel } from './hooks';
import { createStencil } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
import { mergeStyles } from '../../layout';
export const popupHeadingStencil = createStencil({
base: { name: "2j2j71", styles: "box-sizing:border-box;padding:var(--cnvs-sys-space-x2);" }
}, "popup-heading-3e49bb");
export const PopupHeading = createSubcomponent('h2')({
displayName: 'Popup.Heading',
modelHook: usePopupModel,
elemPropsHook: usePopupHeading,
})(({ children, ...elemProps }, Element) => {
return (_jsx(Card.Heading, { as: Element, ...mergeStyles(elemProps, popupHeadingStencil()), children: children }));
});