covidpass-greenpass-su-ipho.../components/Card.js

24 lines
785 B
JavaScript

export default Card
function Card({heading, content, step}) {
return (
<div className="rounded-md p-6 bg-white dark:bg-gray-800 space-y-4">
{
step &&
<div className="flex flex-row items-center">
<div className="rounded-full p-4 bg-green-600 h-5 w-5 flex items-center justify-center">
<p className="text-white text-lg font-bold">
{step}
</p>
</div>
<div className="ml-3 font-bold text-xl">
{heading}
</div>
</div>
}
<div className="text-lg">
{content}
</div>
</div>
)
}