theme.tsx 1.34 KB
Newer Older
백승민's avatar
백승민 committed
1
2
import React, { useEffect, MouseEvent, MouseEventHandler } from "react";
import { Outlet, useSearchParams } from "react-router-dom";
백승민's avatar
theme1    
백승민 committed
3
4
5
6

type ThemeProps = {
  handleClick: MouseEventHandler;
}
백승민's avatar
백승민 committed
7

백승민's avatar
theme1    
백승민 committed
8
9
export default function Theme({handleClick}: ThemeProps) {
  return (
백승민's avatar
백승민 committed
10
11
12
13
14
15
16
17
18
19
20
21
22
23
    <div className="overflow-x-scroll flex bg-emerald-400 rounded ">
      <button id={"surfing"} onClick={handleClick} className="shrink-0 px-5">서핑</button>
      <button id={"activity"} onClick={handleClick} className="shrink-0 px-5">액티비티</button>
      <button id={"camping"} onClick={handleClick} className="shrink-0 px-5 ">캠핑</button>
      <button id={"sking"} onClick={handleClick} className="shrink-0 px-5">스키</button>
      <button id={"boat"} onClick={handleClick} className="shrink-0 px-5">보트</button>
      <button id={"desert"} onClick={handleClick} className="shrink-0 px-5">사막</button>
      <button id={"golf"} onClick={handleClick} className="shrink-0 px-5">골프</button>
      <button id={"cave"} onClick={handleClick} className="shrink-0 px-5">동굴</button>
      <button id={"history"} onClick={handleClick} className="shrink-0 px-5">문화재</button>
      <button id={"zoo"} onClick={handleClick} className="shrink-0 px-5">동물원</button>
      <button id={"cycling"} onClick={handleClick} className="shrink-0 px-5">사이클링</button>
    </div>
  );
백승민's avatar
theme1    
백승민 committed
24
};