"use client";

import { useTranslations } from "next-intl";
import SectionHeader from "@/components/shared/SectionHeader/Index";
import FeaturesList from "./FeaturesList";

interface Feature {
  title: string;
  description: string;
  variant: "dark" | "light";
}

interface RightColumnProps {
  features: Feature[];
}

export default function RightColumn({ features }: RightColumnProps) {
  const t = useTranslations("ourFeatures");

  return (
    <div className="flex flex-col gap-4 sm:gap-5 md:gap-8 lg:gap-10 h-fit">
      <SectionHeader
        badge={t("badge")}
        title={t("title")}
        badgeVariant="primary"
      />
      <FeaturesList features={features} />
    </div>
  );
}