From 0eade2b3ef0f13b223fd14c07c8fd98d745511f7 Mon Sep 17 00:00:00 2001
From: Devansu Yadav <devansuyadav@gmail.com>
Date: Wed, 12 Apr 2023 20:40:18 +0530
Subject: [PATCH] Remove the obsolete `CheckBox` component (#17186)

---
 .../dashboard/src/components/CheckBox.tsx     | 55 -------------------
 1 file changed, 55 deletions(-)
 delete mode 100644 components/dashboard/src/components/CheckBox.tsx

diff --git a/components/dashboard/src/components/CheckBox.tsx b/components/dashboard/src/components/CheckBox.tsx
deleted file mode 100644
index 4c7423c48f3cf6..00000000000000
--- a/components/dashboard/src/components/CheckBox.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-/**
- * Copyright (c) 2021 Gitpod GmbH. All rights reserved.
- * Licensed under the GNU Affero General Public License (AGPL).
- * See License.AGPL.txt in the project root for license information.
- */
-
-function CheckBox(props: {
-    name?: string;
-    title: string | React.ReactNode;
-    desc: string | React.ReactNode;
-    checked: boolean;
-    disabled?: boolean;
-    className?: string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}) {
-    const inputProps: React.InputHTMLAttributes<HTMLInputElement> = {
-        checked: props.checked,
-        disabled: props.disabled,
-        onChange: props.onChange,
-    };
-    if (props.name) {
-        inputProps.name = props.name;
-    }
-    const className = props.className ?? "mt-4";
-
-    const checkboxId = `checkbox-${props.title}-${String(Math.random())}`;
-
-    return (
-        <div className={"flex max-w-2xl " + className}>
-            <input
-                className={
-                    "h-4 w-4 focus:ring-0 mt-1 rounded cursor-pointer bg-transparent border-2 dark:filter-invert border-gray-800 dark:border-gray-900 focus:border-gray-900 dark:focus:border-gray-800 " +
-                    (props.checked ? "bg-gray-800 dark:bg-gray-900" : "")
-                }
-                type="checkbox"
-                id={checkboxId}
-                {...inputProps}
-            />
-            <div className="flex flex-col ml-2">
-                <label
-                    htmlFor={checkboxId}
-                    className={
-                        "text-md font-semibold cursor-pointer tracking-wide " +
-                        (inputProps.disabled ? "text-gray-500 dark:text-gray-400" : "text-gray-800 dark:text-gray-100")
-                    }
-                >
-                    {props.title}
-                </label>
-                <div className="text-gray-500 dark:text-gray-400 text-md">{props.desc}</div>
-            </div>
-        </div>
-    );
-}
-
-export default CheckBox;