theme.tsx

import React, { MouseEvent, MouseEventHandler } from "react";

type ThemeProps = {
  handleClick: MouseEventHandler;
}
export default function Theme({handleClick}: ThemeProps) {
  // const handleClick = (event: MouseEvent<HTMLElement>) => {
  //   console.log(event.currentTarget.id)
  // }

  return (
    <div className="flex flex-cols-10 justify-evenly w-full bg-emerald-400 rounded ">
      <button id={"01"} onClick={handleClick}>01</button>
      <button>02</button>
      <button>03</button>
      <button>04</button>
      <button>05</button>
      <button>06</button>
      <button>07</button>
      <button>08</button>
      <button>09</button>
      <button>10</button>
    </div> 
  ); 
};