@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
17 lines (16 loc) • 935 B
JavaScript
import * as React from 'react';
import { createSubcomponent } from '@workday/canvas-kit-react/common';
import { Popup } from '@workday/canvas-kit-react/popup';
import { 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 modalBodyStencil = createStencil({
base: { name: "d5h45b", styles: "box-sizing:border-box;@media screen and (max-width: 768px){margin-block-end:var(--cnvs-sys-space-zero);padding:var(--cnvs-sys-space-x1) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);}" }
}, "modal-body-d624fe");
export const ModalBody = createSubcomponent('div')({
displayName: 'Modal.Body',
modelHook: useModalModel,
})((elemProps, Element) => {
return React.createElement(Popup.Body, { as: Element, ...mergeStyles(elemProps, modalBodyStencil()) });
});