@workday/canvas-kit-react/dist/es6/modal/lib/ModalHeading.js

The parent module that contains all Workday Canvas Kit React components

import { jsx as _jsx } from "react/jsx-runtime";
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
import { Popup } from '@workday/canvas-kit-react/popup';
import { createStencil } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
import { useModalHeading, useModalModel } from './hooks';
export const modalHeadingStencil = createStencil({
    base: { name: "3ev9w0", styles: "box-sizing:border-box;@media screen and (max-width: 768px){padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));}" }
}, "modal-heading-6df35a");
export const ModalHeading = createSubcomponent('h2')({
    displayName: 'Modal.Heading',
    modelHook: useModalModel,
    elemPropsHook: useModalHeading,
})((elemProps, Element) => {
    return _jsx(Popup.Heading, { as: Element, ...mergeStyles(elemProps, modalHeadingStencil()) });
});