22 lines
613 B
JavaScript
22 lines
613 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>
|
|
)
|
|
} |