@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
18 lines (17 loc) • 1 kB
JavaScript
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()) });
});