frontend/src/components/BottomBar.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import React from 'react'

type Props = {
  onSkip?: () => void
  onAuto?: () => void
  onLog?: () => void
  location?: string
}

export const BottomBar: React.FC<Props> = ({ onSkip, onAuto, onLog, location = 'Tokyo' }) => {
  return (
    <div className="bottombar">
      <button className="mini-btn" onClick={onSkip}>SKIP</button>
      <button className="mini-btn" onClick={onAuto}>AUTO</button>
      <button className="mini-btn" onClick={onLog}>LOG</button>
      <div className="spacer" />
    </div>
  )
}