Function ToolbarButton

minecommit-gui/src/components/log-viewer.tsx:221–250

({
  onClick,
  label,
  active,
  children,
  className,
}: {
  onClick: () => void
  label: string
  active?: boolean
  children: React.ReactNode
  className?: string
})

// Small Toolbar Button

function ToolbarButton({
  onClick,
  label,
  active,
  children,
  className,
}: {
  onClick: () => void
  label: string
  active?: boolean
  children: React.ReactNode
  className?: string
}) {
  return (
    <button
      type="button"
      onClick={onClick}
      aria-label={label}
      className={cn(
        "inline-flex size-7 items-center justify-center rounded-md transition-colors outline-none",
        "text-muted-foreground hover:bg-accent hover:text-accent-foreground",
        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
        active && "bg-accent text-accent-foreground",
        className
      )}
    >
      {children}
    </button>
  )
}

// LogViewerTerminal