Function ButtonGroupItem

src/components/button-group.tsx:22–40

({
  children,
  selected,
  onClick,
}: PropsWithChildren<ButtonGroupItemProps>)

}

export function ButtonGroupItem({
  children,
  selected,
  onClick,
}: PropsWithChildren<ButtonGroupItemProps>) {
  return (
    <button
      onClick={onClick}
      className={cn(
        `flex h-7 cursor-pointer items-center rounded-sm px-2 text-sm text-neutral-600 transition-all hover:bg-neutral-200 dark:text-neutral-400 hover:dark:bg-neutral-800`,
        {
          "bg-neutral-200 dark:bg-neutral-800": selected,
        }
      )}
    >
      {children}
    </button>
  );
}