import {
    ProfileCompletion,
    ProfileSummary,
} from "@/components/profile/ProfileSummary";
import type { PortalProfile, ProfileCompletionState } from "@/types";

interface ProfileCardProps {
    completion: ProfileCompletionState;
    profile: PortalProfile;
    split?: boolean;
}

const ProfileCard = ({
    completion,
    profile,
    split = false,
}: ProfileCardProps) => {
    return (
        <section
            className={
                split
                    ? "profile-card profile-card--split d-flex flex-column flex-lg-row align-items-stretch align-items-lg-center justify-content-lg-between gap-3 gap-lg-4"
                    : "profile-card d-flex flex-column flex-lg-row align-items-stretch align-items-lg-center gap-3 gap-lg-4"
            }
        >
            <ProfileSummary profile={profile} />
            <ProfileCompletion completion={completion} />
        </section>
    );
};

export default ProfileCard;