import { REFERRAL_VARIANTS } from '../variants/referral.variants';

export type ReferralCard = {
  icon?: string;
  title: string;
  description: string;
};

export type ReferralLevel = {
  title: string;
};

export type ReferralVariant = 'variant1' | 'variant2';

export type ReferralProps = {
  title: string;
  subTitle?: string;
  description: string;

  cards?: ReferralCard[];
  levels?: ReferralLevel[];
  quote?: string;
  image?: string;

  variant?: ReferralVariant;
};

export default function ReferralSection({
  title,
  subTitle,
  description,
  cards = [],
  levels = [],
  quote = '',
  image,
  variant = 'variant1',
}: ReferralProps) {
  const v = REFERRAL_VARIANTS[variant];

  return (
    <section className={v.sectionClass}>
      <div className={v.containerClass}>
        {v.renderLeft({
          title,
          image,
          subTitle,
          description,
          cards,
        })}

        {v.renderRight({
          title,
          subTitle,
          description,
          cards,
          image,
          levels,
          quote,
        })}
      </div>
    </section>
  );
}