emoji-encoder/app/page.tsx
2025-02-08 13:44:19 -05:00

19 lines
719 B
TypeScript

import { Suspense } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Base64EncoderDecoderContent } from "./encoder-decoder-content"
export default function EncoderDecoder() {
return (
<div className="min-h-screen bg-gradient-to-br from-purple-400 via-pink-500 to-red-500 flex items-center justify-center p-4">
<Card className="w-full max-w-md">
<CardHeader>
<CardTitle className="text-2xl font-bold text-center">Encode Anything as an Emoji</CardTitle>
</CardHeader>
<Suspense fallback={<CardContent>Loading...</CardContent>}>
<Base64EncoderDecoderContent />
</Suspense>
</Card>
</div>
)
}