export default function ComingSoon({ storeName }: { storeName: string }) {
  return (
    <div className="flex items-center justify-center min-h-[60vh] px-4">
      <div className="text-center max-w-md">
        <div
          className="w-20 h-20 rounded-full mx-auto mb-6 flex items-center justify-center text-white text-4xl shadow-lg"
          style={{ backgroundColor: "var(--color-primary)" }}
        >
          🏪
        </div>
        <h1 className="text-3xl font-bold text-gray-900 mb-3">{storeName}</h1>
        <p className="text-lg text-gray-500 mb-2">We're getting things ready.</p>
        <p className="text-sm text-gray-400">
          This store will be open soon. Check back later!
        </p>
      </div>
    </div>
  );
}