Checkbox

export default function Component() {
  return (
    <div className="checkbox-container">
  <div className="checkbox-wrapper">
    <input className="checkbox" id="checkbox" type="checkbox" />
    <label className="checkbox-label" htmlFor="checkbox">
      <div className="checkbox-flip">
        <div className="checkbox-front">
          <svg
            fill="white"
            height="32"
            width="32"
            viewBox="0 0 24 24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M19 13H12V19H11V13H5V12H11V6H12V12H19V13Z"
              className="icon-path"
            ></path>
          </svg>
        </div>
        <div className="checkbox-back">
          <svg
            fill="white"
            height="32"
            width="32"
            viewBox="0 0 24 24"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M9 19l-7-7 1.41-1.41L9 16.17l11.29-11.3L22 6l-13 13z"
              className="icon-path"
            ></path>
          </svg>
        </div>
      </div>
    </label>
  </div>
</div>
  );
}