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>
  )
}