import React from 'react' ; import { Card , Text } from 'design' ; import { CircleCheck } from 'design/Icon' ; export default function CardSuccess ( { title , children } ) { return ( < Card width = "540px" p = { 7 } my = { 4 } mx = "auto" textAlign = "center" > < CircleCheck mb = { 3 } fontSize = { 56 } color = "success" / > { title && ( < Text typography = "h2" mb = "4" > { title } < /Text>)} { children } < /Card>); } export function CardSuccessLogin ( ) { return ( < CardSuccess title = "Login Successful" > You have successfully signed into your account . < br / > You can close this window and continue using the product . < /CardSuccess>); }