covidpass-greenpass-su-iphone-ios-android-wallet/components/Card.js

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>
    )
}