UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

18 lines (17 loc) 1 kB
import * as React from 'react'; import { createSubcomponent } from '@workday/canvas-kit-react/common'; import { Popup } from '@workday/canvas-kit-react/popup'; import { useModalHeading, useModalModel } from './hooks'; import { createStencil } from '@workday/canvas-kit-styling'; import { system } from '@workday/canvas-tokens-web'; import { mergeStyles } from '@workday/canvas-kit-react/layout'; export const modalHeadingStencil = createStencil({ base: { name: "d5h459", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x1);}" } }, "modal-heading-52f13d"); export const ModalHeading = createSubcomponent('h2')({ displayName: 'Modal.Heading', modelHook: useModalModel, elemPropsHook: useModalHeading, })((elemProps, Element) => { return React.createElement(Popup.Heading, { as: Element, ...mergeStyles(elemProps, modalHeadingStencil()) }); });