@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
18 lines (17 loc) • 921 B
JavaScript
import * as React from 'react';
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: "m1sr2k", styles: "box-sizing:border-box;margin-block-end:var(--cnvs-sys-space-x2);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 (React.createElement(Card.Heading, { as: Element, ...mergeStyles(elemProps, popupHeadingStencil()) }, children));
});