@workday/canvas-kit-react/dist/es6/modal/lib/ModalCard.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, px2rem } from '@workday/canvas-kit-styling';
import { base, system } from '@workday/canvas-tokens-web';
import { useModalCard, useModalModel } from './hooks';
export const modalCardStencil = createStencil({
    base: { name: "409roc", styles: "box-sizing:border-box;margin:var(--cnvs-base-size-500, 2.5rem);width:27.5rem;border:0;outline:0.0625rem solid transparent;box-shadow:var(--cnvs-sys-depth-6);border-radius:var(--cnvs-sys-shape-xxxl, 2rem);@media screen and (max-width: 768px){gap:0;margin:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));padding:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));}" }
}, "modal-card-32d23a");
export const ModalCard = createSubcomponent('div')({
    displayName: 'Modal.Card',
    modelHook: useModalModel,
    elemPropsHook: useModalCard,
})((elemProps, Element) => {
    return _jsx(Popup.Card, { as: Element, ...mergeStyles(elemProps, modalCardStencil()) });
});