import React from 'react'

export const Footer: React.FC = () => {
  return (
    <footer className="mt-10 pb-10">
      <div className="container mx-auto px-4">
        <div className="surface rounded-2xl px-6 py-6 text-white">
          <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
            <div>
              <div className="font-display text-lg">书架</div>
              <div className="text-white/70 text-sm mt-1">挑一本书，翻开阅读。</div>
            </div>
            <div className="text-white/60 text-xs">
              Demo UI · 2026-01-01
            </div>
          </div>
        </div>
      </div>
    </footer>
  )
}
