theme.tsx

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

type ThemeProps = {
  handleClick: MouseEventHandler;
}
export default function Theme({handleClick}: ThemeProps) {
  return (
    <div className="flex flex-cols-10 justify-evenly w-full bg-emerald-400 rounded ">
      <button id={"01"} onClick={handleClick}>서핑</button>
      <button>액티비티</button>
      <button>캠핑</button>
      <button>스키</button>
      <button>보트</button>
      <button>사막</button>
      <button>골프</button>
      <button>동굴</button>
      <button>문화재</button>
      <button>동물원</button>
    </div> 
  ); 
};