emoji-encoder/app/page.tsx
2025-02-08 15:08:41 -05:00

22 lines
953 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">Hide a message in an emoji</CardTitle>
</CardHeader>
<Suspense fallback={<CardContent>Loading...</CardContent>}>
<Base64EncoderDecoderContent />
</Suspense>
<div className="text-center my-2">
<a href="https://github.com/paulgb/emoji-encoder" target="_blank" rel="noopener noreferrer" className="text-sm text-blue-800 hover:text-blue-900">Source on GitHub</a>
</div>
</Card>
</div>
)
}