import * as React from "react";
import { Link } from "react-router-dom";
import { toPx } from "@microsoft/fast-jss-utilities";
import manageJss from "@microsoft/fast-jss-manager-react";
const style = {
    breadcrumbItem_listItem: {
        "paddingRight": toPx(12),
        "display": "inline",
        "&::after": {
            content: "'\\002F'",
            padding: `0 0 0 ${toPx(10)}`,
            color: (config) => config.foregroundColor
        },
        "&:last-child": {
            "&::after": {
                content: "''"
            }
        }
    }
};
class BreadcrumbItem extends React.Component {
    render() {
        if (this.props.to) {
            return (React.createElement("li", { className: this.props.managedClasses.breadcrumbItem_listItem },
                React.createElement(Link, { to: this.props.to }, this.props.children)));
        }
        else {
            return (React.createElement("li", { className: this.props.managedClasses.breadcrumbItem_listItem },
                React.createElement("span", null, this.props.children)));
        }
    }
}
export default manageJss(style)(BreadcrumbItem);
//# sourceMappingURL=breadcrumb-item.js.map