Radio

export default function Component() {
  return (
    <div className="clock-input">
  <input type="radio" id="v1" name="radio" checked="" />
  <input type="radio" id="v2" name="radio" />
  <input type="radio" id="v3" name="radio" />
  <input type="radio" id="v4" name="radio" />
  <input type="radio" id="v5" name="radio" />
  <input type="radio" id="v6" name="radio" />
  <label htmlFor="v1" id="l1"></label>
  <label htmlFor="v2" id="l2"></label>
  <label htmlFor="v3" id="l3"></label>
  <label htmlFor="v4" id="l4"></label>
  <label htmlFor="v5" id="l5"></label>
  <label htmlFor="v6" id="l6"></label>
  <div className="dial"></div>
  <div className="notches">
    <div className="notch" style={{ -N: "1" }}></div>
    <div className="notch" style={{ -N: "2" }}></div>
    <div className="notch" style={{ -N: "3" }}></div>
    <div className="notch" style={{ -N: "4" }}></div>
    <div className="notch" style={{ -N: "5" }}></div>
    <div className="notch" style={{ -N: "6" }}></div>
  </div>
</div>
  );
}