import React from "react";
import { UseFormReturn } from "react-hook-form";
import { StepFormData } from "@/components/forms/schemas/stepSchema";
import { StepTypeField } from "@/components/forms/fields/StepTypeField";
import { StepDayField } from "@/components/forms/fields/StepDayField";
import { StepTimeField } from "@/components/forms/fields/StepTimeField";
import { StepActivityField } from "@/components/forms/fields/StepActivityField";
import { StepLocationField } from "@/components/forms/fields/StepLocationField";

interface StepBasicFieldsProps {
  form: UseFormReturn<StepFormData>;
}

export function StepBasicFields({ form }: StepBasicFieldsProps) {
  return (
    <>
      <StepTypeField form={form} />

      <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
        <StepDayField form={form} />
        <StepTimeField form={form} />
      </div>

      <div className="grid grid-cols-1 gap-4">
        <StepActivityField form={form} />
        <StepLocationField form={form} />
      </div>
    </>
  );
}