"use client";

/** Ô chọn tất cả các khách tiềm năng đang hiển thị trong bảng (các ô `name="ids"` cùng form). */
export function SelectAll() {
  return (
    <input
      type="checkbox"
      aria-label="Chọn tất cả khách tiềm năng trong trang"
      className="h-4 w-4 accent-brand-500"
      onChange={(event) => {
        const form = event.currentTarget.form;
        form?.querySelectorAll<HTMLInputElement>('input[name="ids"]').forEach((box) => {
          box.checked = event.currentTarget.checked;
        });
      }}
    />
  );
}