"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Link_1 = __importDefault(require("atoms/Link"));
const BreadCrumbWrapper = view_container_1.styled.div `
  position: relative;
  background: #7eecb5;
  overflow: auto;
`;
exports.BreadCrumbWrapper = BreadCrumbWrapper;
const BreadCrumbContainer = view_container_1.styled.div `
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  font-family: arial;
  font-size: 14px;
  text-transform: capitalize;
  color: #2c2c2c;

  a:last-child {
    font-weight: 600;
    pointer-events: none;
  }
`;
exports.BreadCrumbContainer = BreadCrumbContainer;
const textOverflow = view_container_1.styled.css `
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
`;
const LinkItem = view_container_1.styled.withComponent(Link_1.default) `
  text-transform: capitalize;
  text-decoration: none;
  color: #1e1e1e;
  ${textOverflow}
`;
exports.LinkItem = LinkItem;
const Separator = view_container_1.styled.span `
  position: relative;
  padding: 0 8px;
  svg {
    fill: rgba(0, 0, 0, 0.3);
  }
`;
exports.Separator = Separator;
//# sourceMappingURL=styled.js.map