const generateQRCode = async () => {
return await QRCode.toDataURL("https://x.com/wadadparker")
}
const TicketCard = () => {
// const qrCode = use(generateQRCode)
const [qrCode,setQrCode] = useState(null);
useEffect(()=>{
const asyncCall = async() => {
try{
const data = await generateQRCode();
if(data)
setQrCode(data)
}
catch(error) { console.log(error)}
}
asyncCall()
},[])
return (
<aside className="flex flex-col items-center justify-around w-full h-full bg-bg-light "
style={{clipPath:"polygon(7% 1.5%,99.7% 0.4%,100% 94%,1% 95.65%)"}}>
<header className="" style={{WebkitTextStroke:"1.84px black",textShadow:"3.68px 4.29px 0 black"}}>
<h1 className="text-primary-dark font-bold text-6xl text-nowrap">ANIME CON</h1>
<h2 className="text-primary-dark font-bold text-5xl">Hubli</h2>
</header>
<img className="w-80 object-cover bg-transparent" src={qrCode} />
dwd
</aside>
)
}
const generateQRCode = async () => {
return await QRCode.toDataURL("https://x.com/wadadparker")
}
const TicketCard = () => {
// const qrCode = use(generateQRCode)
const [qrCode,setQrCode] = useState(null);
useEffect(()=>{
const asyncCall = async() => {
try{
const data = await generateQRCode();
if(data)
setQrCode(data)
}
catch(error) { console.log(error)}
}
asyncCall()
},[])
return (
<aside className="flex flex-col items-center justify-around w-full h-full bg-bg-light "
style={{clipPath:"polygon(7% 1.5%,99.7% 0.4%,100% 94%,1% 95.65%)"}}>
<header className="" style={{WebkitTextStroke:"1.84px black",textShadow:"3.68px 4.29px 0 black"}}>
<h1 className="text-primary-dark font-bold text-6xl text-nowrap">ANIME CON</h1>
<h2 className="text-primary-dark font-bold text-5xl">Hubli</h2>
</header>
<img className="w-80 object-cover bg-transparent" src={qrCode} />
dwd
</aside>
)
}