export function CodeBlock({
  children,
  className = "",
  label,
}: {
  children: React.ReactNode;
  className?: string;
  label?: string;
}) {
  return (
    <div className={`pixel-panel ${className}`}>
      {label && (
        <div className="border-b-2 border-crust bg-surface0 px-3 py-1 font-pixel text-[9px] text-subtext0">
          {label}
        </div>
      )}
      <pre className="overflow-x-auto p-3 text-xs leading-relaxed text-text">{children}</pre>
    </div>
  );
}