UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

18 lines (17 loc) 921 B
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)); });