frontend/src/components/shared/buttons/remove-button.tsx

import { cn } from "#/utils/utils";
import CloseIcon from "#/icons/close.svg?react";

interface RemoveButtonProps {
  onClick: () => void;
}

export function RemoveButton({ onClick }: RemoveButtonProps) {
  return (
    <button

      type="button"

      onClick={onClick}

      className={cn(

        "bg-neutral-400 rounded-full w-3 h-3 flex items-center justify-center",

        "absolute right-[3px] top-[3px]",

      )}

    >

      <CloseIcon width={10} height={10} />

    </button>
  );
}