Breadcrumb

export const Breadcrumb: ComponentMultiStyle<"Breadcrumb"> = {
  baseStyle: {
    container: {},
    ellipsis: {},
    item: {},
    link: {
      "&:not([aria-current=page])": {
        cursor: "pointer",
        _focusVisible: {
          boxShadow: "outline",
        },
        _hover: {
          textDecoration: "underline",
        },
      },
      color: "inherit",
      outline: "none",
      textDecoration: "none",
      transitionDuration: "fast",
      transitionProperty: "common",
      transitionTimingFunction: "ease-out",
    },
    separator: {},
  },
}