"use client";

import type { Control } from "react-hook-form";

import { transactionFieldLabels } from "@/components/form/common/field-labels";
import { FormSectionLayout } from "@/components/form/common/form-section-layout";
import { TextField } from "@/components/form/fields/text-field";
import type { CommonTransactionFormValues } from "@/components/form/schemas/transaction-schema";

type AssetDetailsSectionProps = {
  control: Control<CommonTransactionFormValues>;
};

export function AssetDetailsSection({ control }: AssetDetailsSectionProps) {
  return (
    <FormSectionLayout>
      <TextField control={control} name="parent_id" label={transactionFieldLabels.parent_id} />
      <TextField control={control} name="ticker" label={transactionFieldLabels.ticker} />
      <TextField control={control} name="a_class" label={transactionFieldLabels.a_class} />
      <TextField control={control} name="a_type" label={transactionFieldLabels.a_type} />
      <TextField control={control} name="security_id" label={transactionFieldLabels.security_id} />
      <TextField control={control} name="isin" label={transactionFieldLabels.isin} />
    </FormSectionLayout>
  );
}