shoc-frontend-new/src/app/(protected)/completion-docs/_components/completion-template-remove-button.tsx

import { X } from "lucide-react";

export function CompletionTemplateRemoveButton({
  label,
  onClick,
}: {
  label: string;
  onClick: () => void;
}) {
  return (
    <button
      type="button"
      onClick={onClick}
      title={label}
      aria-label={label}
      className="shrink-0"
      style={{ color: "var(--color-text-muted)" }}
    >
      <X size={14} />
    </button>
  );
}