"use client";

import type { ReactNode } from "react";
import { HelpPanel } from "./HelpPanel";
import { InfoPanel } from "./InfoPanel";

interface StepContentProps {
  children: ReactNode;
  helpText?: string | undefined;
  infoText?: string | undefined;
  isDisabled: boolean;
}

export function StepContent({ children, helpText, infoText, isDisabled }: StepContentProps) {
  if (isDisabled) return null;

  return (
    <>
      <div className="mb-6">{children}</div>
      {helpText && <HelpPanel text={helpText} />}
      {infoText && <InfoPanel text={infoText} />}
    </>
  );
}
