@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
33 lines (32 loc) • 1.54 kB
JavaScript
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import { createContainer, createComponent } from '@workday/canvas-kit-react/common';
import { Menu, useMenuModel } from '@workday/canvas-kit-react/menu';
import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
export const breadcrumbsMenuItemStencil = createStencil({
base: { name: "31dbob", styles: "box-sizing:border-box;text-decoration:none;" }
}, "breadcrumbs-menu-item-4f4f2d");
export const BreadcrumbsMenuItem = createComponent('a')({
displayName: 'Breadcrumbs.Menu.Item',
Component: (props, ref, Element) => {
return (_jsx(Menu.Item, { as: Element, ...handleCsProp(props, breadcrumbsMenuItemStencil()), ref: ref }));
},
});
export const breadcrumbsMenuCardStencil = createStencil({
base: { name: "1agpyf", styles: "box-sizing:border-box;width:17.5rem;max-width:17.5rem;max-height:18.5rem;" }
}, "breadcrumbs-menu-card-39f355");
export const BreadcrumbsMenuCard = (elemProps) => (_jsx(Menu.Card, { ...handleCsProp(elemProps, breadcrumbsMenuCardStencil()) }));
export const BreadcrumbsMenu = createContainer()({
displayName: 'Breadcrumbs.Menu',
modelHook: useMenuModel,
subComponents: {
Card: BreadcrumbsMenuCard,
List: Menu.List,
Item: BreadcrumbsMenuItem,
Divider: Menu.Divider,
Target: Menu.Target,
TargetContext: Menu.TargetContext,
Popper: Menu.Popper,
},
})(({ children }) => {
return _jsx(_Fragment, { children: children });
});