import { DefaultCard } from "../"

export default function DashboardHome() {
  return (
    <div className='w-full'>
      <div className='group w-full xxs:w-96 h-32'>
        <DefaultCard 
          descText='You currently do not have any open application. Click on apply for a loan to get started.'
          iconName='arrow'
          iconColor='#FBB700'
          cardClass={`p-4 bg-[#FFFAFA] border border-[#EE4040]`}
          descTextClass='text-[#423131] leading-5'
          onClick={()=>{console.log('working')}}
        />
      </div>

      <div className='w-full mt-20 flex gap-16 flex-wrap'>
        {/* cards display */}
        <div className='group h-40 w-full xxs:w-80'>
          <DefaultCard 
            title='Apply for a loan'
            descText='You currently do not have any open application. Click on apply for a loan to get started.'
            iconName='greater-than'
            iconColor='#FFF'
            cardClass={`bg-[#5C2684] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
            titleClass='text-[#FFF]'
            descTextClass='text-[#EFEFEF] leading-5'
            onClick={()=>{console.log('working')}}
          />
        </div>
        <div className='group h-40 w-full xxs:w-80'>
          <DefaultCard 
            title='Loan history'
            descText='You currently do not have any open application. Click on apply for a loan to get started.'
            iconName='greater-than'
            iconColor='#FFF'
            cardClass={`bg-[#635D4D] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
            titleClass='text-[#FFF]'
            descTextClass='text-[#EFEFEF] leading-5'
            onClick={()=>{console.log('working')}}
          />
        </div>
        <div className='group h-40 w-full xxs:w-80'>
          <DefaultCard 
            title='How it works?'
            descText='Steps to follow to complete your loan application successfully.'
            iconName='greater-than'
            iconColor='#FFF'
            cardClass={`bg-[#635D4D] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
            titleClass='text-[#FFF]'
            descTextClass='text-[#EFEFEF] leading-5'
            onClick={()=>{console.log('working')}}
          />
        </div>
      </div>
    </div>
  )
}
