@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
15 lines (14 loc) • 884 B
JavaScript
import React from 'react';
import { createComponent } from '@workday/canvas-kit-react/common';
import { Flex, mergeStyles } from '@workday/canvas-kit-react/layout';
import { createStencil } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
export const toastBodyStencil = createStencil({
base: { name: "d5h469", styles: "box-sizing:border-box;align-items:flex-start;flex-direction:column;justify-content:center;padding-top:var(--cnvs-sys-space-x4);padding-bottom:var(--cnvs-sys-space-x4);flex-grow:1;gap:var(--cnvs-sys-space-x1);" }
}, "toast-body-7d81ac");
export const ToastBody = createComponent('div')({
displayName: 'Toast.Body',
Component: ({ children, ...elemProps }, ref, Element) => {
return (React.createElement(Flex, { ref: ref, as: Element, ...mergeStyles(elemProps, toastBodyStencil()) }, children));
},
});