🎉 Celebration Wishes Generator - Rakhra Blogs
import React, { useState, ChangeEvent, FormEvent } from 'react';
const CelebrationWishesGenerator: React.FC = () => {
const languages = ["English", "Hindi", "Punjabi", "Gujarati", "Tamil", "Telugu", "Bengali"];
const labels = ["Birthday", "Anniversary", "Diwali", "Christmas", "New Year"];
const [wish, setWish] = useState('');
const [language, setLanguage] = useState(languages[0]);
const [bgColor, setBgColor] = useState('#ffb347');
const [imageUrl, setImageUrl] = useState('');
const [search, setSearch] = useState('');
const handleImageUpload = (e: ChangeEvent) => {
const file = e.target.files?.[0];
if (file) {
const reader = new FileReader();
reader.onload = () => setImageUrl(reader.result as string);
reader.readAsDataURL(file);
}
};
const handleSubmit = (e: FormEvent) => {
e.preventDefault();
};
const handleDownload = () => {
alert('Download functionality coming soon!');
};
const handleShare = () => {
alert('Share functionality coming soon!');
};
return (
);
};
export default CelebrationWishesGenerator;
🎉 Celebration Wishes Generator - Rakhra Blogs
{wish && (
{imageUrl &&
}
)}
{wish}
({language})
Labels:
{labels.map(label => ( {label} ))}
{labels.map(label => ( {label} ))}
Comments
Post a Comment