import SavedCardInstallments from './installments';
import { InstallmentSectionProps } from '../types';

export const InstallmentSection = ({
  title,
  installmentOptions,
  translations,
  errors
}: InstallmentSectionProps) => (
  <div className="border-solid border-gray-400 bg-white">
    <div className="px-4 py-2">
      <span className="text-black-800 text-lg font-medium">{title}</span>
    </div>
    <SavedCardInstallments
      installmentOptions={installmentOptions}
      translations={translations}
      error={errors}
    />
  </div>
);