@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
14 lines (13 loc) • 937 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { createComponent } from '@workday/canvas-kit-react/common';
import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
export const menuDividerStencil = createStencil({
base: { name: "24fbrx", styles: "box-sizing:border-box;display:block;height:0.0625rem;border:none;border-block-start:0.0625rem solid var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));margin:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));" }
}, "menu-divider-1b4688");
export const MenuDivider = createComponent('hr')({
displayName: 'Menu.Divider',
Component({ ...elemProps }, ref, Element) {
return _jsx(Element, { ref: ref, ...handleCsProp(elemProps, menuDividerStencil()) });
},
});