"use client";

import { UpdateBillingDetailsForm } from "@/components/billing/billing-details-form";
import { useLocaleFunction } from "@/hooks/use-localed";

export function BillingDetails() {
  const t = useLocaleFunction();

  return (
    <section className="space-y-6 p-4 rounded-lg bg-card border">
      <h2 className="text-lg font-semibold">{t("payment.billing-details")}</h2>
      <UpdateBillingDetailsForm />
    </section>
  );
}