DummyDataGenerator

import { useState } from 'react';

import {
  DummyDataGenerator,
  buildInitialStrategyMap,
  generateDummyRows,
  type DummyDataGeneratorStep
} from '@/components/docyrus-native/dummy-data-generator';

export function SampleRows({ fields }: { fields: DocyrusFieldLike[] }) {
  const [step, setStep] = useState<DummyDataGeneratorStep>('configure');
  const [count, setCount] = useState(20);
  const [strategies, setStrategies] = useState(() => buildInitialStrategyMap(fields));
  const [rows, setRows] = useState<Array<Record<string, unknown>>>([]);

  const generate = (seed = Date.now()) => setRows(generateDummyRows({ fields, strategies, count, seed }));

  return (
    <DummyDataGenerator
      step={step}
      onStepChange={setStep}
      targetFields={fields}
      count={count}
      onCountChange={setCount}
      strategies={strategies}
      onStrategiesChange={setStrategies}
      generatedRows={rows}
      onRegenerate={() => generate()}
      isGenerating={false}
      isCreating={false}
      generationError={null}
      result={null}
      previewOnly
      onConfirmConfigure={() => {
        generate();
        setStep('preview');
      }}
      onStartGeneration={() => setStep('configure')}
      onReset={() => setStep('configure')} />
  );
}