import classnames from 'classnames';

import DashboardHeader from "@/components/DashboardHeader";
import FindProvider from '@/components/FindProvider';
import InsuranceCardWidget from '@/components/InsuranceCard';
import DeductableProgressWidget from '@/components/DeductableProgressWidget';
import RecentClaimsWidget from '@/components/RecentClaimsWidget';
import BenefitsAAGWidget from '@/components/BenefitsAAGWidget';

export default function Member() {
  return (
    <div className="flex flex-col w-full pl-8 pt-5 2xl:pt-7">
        <DashboardHeader
            userDisplayName="Robert La'Blah"
        />
        <div className="flex w-full pr-23">
            <div className={classnames("w-full flex flex-col xl:flex-row pt-4 z-2 space-x-4 space-y-4 xl:space-y-0")}>
                <div className="flex flex-col space-y-4">
                    <div className="flex flex-col w-full h-full xl:h-auto lg:flex-row space-y-4 lg:space-y-0 lg:space-x-4">
                        <DeductableProgressWidget />
                        <InsuranceCardWidget />
                    </div>
                    <FindProvider />
                    <RecentClaimsWidget />
                </div>
                <BenefitsAAGWidget />
            </div>
        </div>
    </div>
  )
}