odd-box 0.1.7-preview

dead simple reverse proxy server
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import CheckmarkIcon from "../icons/checkmark";

const Checkbox = ({
  checked,
  title,
  onClick,
}: {
  title: string;
  checked: boolean;
  onClick: (value: any) => void;
}) => (
  <div className="checkbox-container" onClick={onClick}>
    <label style={{ pointerEvents: "none" }} htmlFor="use_https">
      {title}
    </label>
    <div className="border grid border-[#ffffff24] w-[18px] h-[18px] p-[2px] rounded place-content-center">
      <CheckmarkIcon
        width={10}
        height={10}
        className={`${checked ? "opacity-100" : "opacity-0"}`}
      />
    </div>
  </div>
);

export default Checkbox;