theme.tsx 1.64 KB
Newer Older
Kim, MinGyu's avatar
Kim, MinGyu committed
1
import React, { MouseEventHandler } from "react";
백승민's avatar
theme1    
백승민 committed
2
3
4

type ThemeProps = {
  handleClick: MouseEventHandler;
Kim, MinGyu's avatar
Kim, MinGyu committed
5
};
백승민's avatar
백승민 committed
6

Kim, MinGyu's avatar
Kim, MinGyu committed
7
export default function Theme({ handleClick }: ThemeProps) {
백승민's avatar
theme1    
백승민 committed
8
  return (
백승민's avatar
백승민 committed
9
10
    <div className="overflow-x-auto flex rounded md:justify-center">
      <button id={"surfing"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
11
12
        서핑
      </button>
백승민's avatar
백승민 committed
13
      <button id={"activity"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
14
15
        액티비티
      </button>
백승민's avatar
백승민 committed
16
      <button id={"camping"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300 ">
Kim, MinGyu's avatar
Kim, MinGyu committed
17
18
        캠핑
      </button>
백승민's avatar
백승민 committed
19
      <button id={"sking"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
20
21
        스키
      </button>
백승민's avatar
백승민 committed
22
      <button id={"boat"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
23
24
        보트
      </button>
백승민's avatar
백승민 committed
25
      <button id={"desert"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
26
27
        사막
      </button>
백승민's avatar
백승민 committed
28
      <button id={"golf"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
29
30
        골프
      </button>
백승민's avatar
백승민 committed
31
      <button id={"cave"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
32
33
        동굴
      </button>
백승민's avatar
백승민 committed
34
      <button id={"history"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
35
36
        문화재
      </button>
백승민's avatar
백승민 committed
37
      <button id={"zoo"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
38
39
        동물원
      </button>
백승민's avatar
백승민 committed
40
      <button id={"cycling"} onClick={handleClick} className="shrink-0 px-5 hover:text-sky-300">
Kim, MinGyu's avatar
Kim, MinGyu committed
41
42
        사이클링
      </button>
백승민's avatar
백승민 committed
43
44
    </div>
  );
Kim, MinGyu's avatar
Kim, MinGyu committed
45
}