UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

16 lines (15 loc) 939 B
import React from 'react'; import { createSubcomponent } from '@workday/canvas-kit-react/common'; import { useToastModel } from './hooks/useToastModel'; import { Subtext } from '@workday/canvas-kit-react/text'; import { createStencil } from '@workday/canvas-kit-styling'; import { mergeStyles } from '@workday/canvas-kit-react/layout'; import { system } from '@workday/canvas-tokens-web'; export const toastMessageStencil = createStencil({ base: { name: "d5h468", styles: "box-sizing:border-box;word-break:break-word;margin-block-start:var(--cnvs-sys-space-zero);margin-block-end:var(--cnvs-sys-space-zero);" } }, "toast-message-759382"); export const ToastMessage = createSubcomponent('p')({ modelHook: useToastModel, })(({ children, ...elemProps }, Element, model) => { return (React.createElement(Subtext, { size: "large", id: model.state.id, as: Element, ...mergeStyles(elemProps, toastMessageStencil()) }, children)); });