// Example: a minimal CSV import flow - upload, then a success state.
import { useState } from "react"

import { CsvImportKitDropZone } from "@/components/widgets/csv-import-kit/components/CsvImportKitDropZone"
import { CsvImportKitSuccessState } from "@/components/widgets/csv-import-kit/components/CsvImportKitSuccessState"
import { CsvImportKit } from "@/components/widgets/csv-import-kit/CsvImportKit"

export default function Example() {
  const [open, setOpen] = useState(true)
  const [file, setFile] = useState<File | null>(null)

  return (
    <CsvImportKit
      open={open}
      onClose={() => setOpen(false)}
      title="Import Users"
      description="Add multiple users from a CSV file."
    >
      {file ? (
        <CsvImportKitSuccessState
          title="Import completed successfully"
          description={`${file.name} was imported successfully.`}
          onReset={() => setFile(null)}
        />
      ) : (
        <CsvImportKitDropZone
          isProcessing={false}
          hint="Required: full_name, email, role"
          onFile={setFile}
        />
      )}
    </CsvImportKit>
  )
}