@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
17 lines (16 loc) • 1.02 kB
JavaScript
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 { useExpandableContent } from './hooks/useExpandableContent';
import { useExpandableModel } from './hooks/useExpandableModel';
import { createStencil } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
export const expandableContentStencil = createStencil({
base: { name: "qevnc", styles: "box-sizing:border-box;background:var(--cnvs-sys-color-bg-transparent-default);padding:var(--cnvs-sys-space-x4) var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2);" }
}, "expandable-content-25e157");
export const ExpandableContent = createSubcomponent('div')({
modelHook: useExpandableModel,
elemPropsHook: useExpandableContent,
})(({ children, ...elementProps }, Element) => {
return _jsx(Element, { ...mergeStyles(elementProps, expandableContentStencil()), children: children });
});