1import type { ComponentType, HTMLAttributes, PropsWithChildren } from 'react';
2
3import { LABEL } from '../Text';
4
5type SidebarTitleProps = {
6  Icon?: ComponentType<HTMLAttributes<SVGSVGElement>>;
7} & PropsWithChildren;
8
9export const SidebarTitle = ({ children, Icon }: SidebarTitleProps) => (
10  <div className="flex gap-2 items-center relative ml-3 -mr-4 pb-1 select-none">
11    {Icon && <Icon className="icon-sm" />}
12    <LABEL weight="medium" crawlable={false}>
13      {children}
14    </LABEL>
15  </div>
16);
17