import { r as registerInstance, h, H as Host } from './index-3e697abd.js';

const breadcrumbNavComponentCss = "*{font:inherit;color:inherit;line-height:inherit;text-decoration:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}*:focus{outline:none}button{background:none;border:none}sr-breadcrumb-nav{margin-bottom:60px;font-size:14px;font-weight:normal;line-height:1.4;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;white-space:nowrap}@media screen and (max-width: 1000px){sr-breadcrumb-nav{margin-bottom:7.5vw}}@media screen and (max-width: 400px){sr-breadcrumb-nav{margin-bottom:30px}}[lang=zh] sr-breadcrumb-nav,[lang=zh-Hant] sr-breadcrumb-nav,[lang=zh-Hans] sr-breadcrumb-nav,[lang=zh-CN] sr-breadcrumb-nav{line-height:1.5}sr-breadcrumb-nav:after{display:block;content:\"\";clear:both}@media screen and (max-width: 580px){sr-breadcrumb-nav{font-size:12px;font-weight:normal;line-height:1.66}}sr-breadcrumb-nav[centered]{width:100%;-ms-flex-pack:center;justify-content:center}";

const BreadcrumbNav = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h(Host, { "aria-role": "list" }, h("slot", null)));
    }
};
BreadcrumbNav.style = breadcrumbNavComponentCss;

export { BreadcrumbNav as sr_breadcrumb_nav };
