import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Breadcrumbs } from '@workday/canvas-kit-react/breadcrumbs';
import { createStyles, px2rem } from '@workday/canvas-kit-styling';
import { system } from '@workday/canvas-tokens-web';
const regionStyles = createStyles({
    border: `${px2rem(1)} solid ${system.color.border.contrast.default}`,
    borderRadius: system.shape.md,
    paddingInlineStart: system.padding.md,
});
export const BreadcrumbNavRegion = () => {
    return (_jsx(Breadcrumbs, { className: regionStyles, "aria-label": "Breadcrumbs", children: _jsxs(Breadcrumbs.List, { children: [_jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "#", children: "Home" }) }), _jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "#", children: "Menus" }) }), _jsx(Breadcrumbs.CurrentItem, { children: "Dinner" })] }) }));
};
