Function Navigation

apps/web/ui/Thread/Header/index.tsx:22–52

({
  breadcrumb,
  onClose,
  onExpandClick,
}: {
  breadcrumb?: React.ReactNode;
  onClose?(): void;
  onExpandClick?(): void;
})

}

function Navigation({
  breadcrumb,
  onClose,
  onExpandClick,
}: {
  breadcrumb?: React.ReactNode;
  onClose?(): void;
  onExpandClick?(): void;
}) {
  if (breadcrumb) {
    return <>{breadcrumb}</>;
  }
  return (
    <>
      {onClose && (
        <div className={classNames({ [styles.mobile]: !!onExpandClick })}>
          <Icon onClick={onClose}>
            <FiChevronLeft />
          </Icon>
        </div>
      )}
      {onExpandClick && (
        <div className={styles.desktop}>
          <Icon className={styles.expand} onClick={onExpandClick}>
            <FiChevronLeft />
          </Icon>
        </div>
      )}
    </>
  );
}

export default function Header({
  thread,