import React from 'react' ; import { Card , Box , Text , ButtonPrimary } from 'design' ; export default function CardWelcome ( { title , subTitle , btnText , onClick , } ) { return ( < Card bg = "primary.light" my = { 6 } mx = "auto" width = "464px" > < Box p = { 6 } > < Text typography = "h2" mb = { 3 } textAlign = "center" color = "light" > { title } < /Text> < Text typography = "h5" mb = { 3 } textAlign = "center" > { subTitle } < /Text> < ButtonPrimary width = "100%" mt = { 3 } size = "large" onClick = { onClick } > { btnText } < /ButtonPrimary> < /Box> < /Card>); } type Props = { title : string ; subTitle : string ; btnText : string ; onClick ( ) : void ; } ;