1 files changed, 19 insertions, 0 deletions
diff --git a/frontend/src/components/BottomBar.tsx b/frontend/src/components/BottomBar.tsx
new file mode 100644
index 0000000..b9f19ed
--- /dev/null
+++ b/frontend/src/components/BottomBar.tsx
@@ -0,0 +1,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>
+  )
+}