@bothub-chat/ui/dist/components/breadcrumbs/styled.js

Bothub UI Components

import{styled as o,css as e}from"styled-components";import{Typography as r}from"../typography/index.js";const t=o.div.withConfig({displayName:"styled__BreadcrumbsContainer",componentId:"sc-q75mc7-0"})(["display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:",";"],(({theme:o})=>o.default.colors.grayScale.gray1)),a=o(r).attrs({variant:"body-m-regular"}).withConfig({displayName:"styled__BreadcrumbsItem",componentId:"sc-q75mc7-1"})(["display:flex;color:inherit;",";"],(({theme:o,component:r})=>"a"===r&&e`
      cursor: pointer;
      transition: 0.25s color;
      &:hover {
        color: ${o.colors.base.white};
      }
    `)),i=o(r).attrs({variant:"body-m-regular",component:"p",children:"/"}).withConfig({displayName:"styled__BreadcrumbsSeparator",componentId:"sc-q75mc7-2"})(["display:flex;color:inherit;"]);export{t as BreadcrumbsContainer,a as BreadcrumbsItem,i as BreadcrumbsSeparator};