"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const antd_1 = require("antd");
const styled_components_1 = __importDefault(require("styled-components"));
const linked_env_1 = __importDefault(require("@/utils/linked-env"));
const Container = styled_components_1.default.div `
  ol {
    padding-left: 0;
  }
`;
const FoxPageBreadcrumb = (props) => {
    const { breadCrumb } = props;
    return (react_1.default.createElement(Container, null,
        react_1.default.createElement(antd_1.Breadcrumb, null, breadCrumb.map((item) => {
            return item.link ? (react_1.default.createElement(antd_1.Breadcrumb.Item, { key: item.name, href: (0, linked_env_1.default)(item.link) }, item.name)) : (react_1.default.createElement(antd_1.Breadcrumb.Item, { key: item.name }, item.name));
        }))));
};
exports.default = FoxPageBreadcrumb;
