"use client"

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Download, Upload } from "lucide-react"

interface DataExportSettingsProps {
  user: any
}

export function DataExportSettings({ user }: DataExportSettingsProps) {
  return (
    <div className="space-y-6">
      <Card>
        <CardHeader>
          <CardTitle className="flex items-center gap-2">
            <Download className="h-5 w-5" />
            Export Data
          </CardTitle>
          <CardDescription>Download your conversations and data</CardDescription>
        </CardHeader>
        <CardContent>
          <Button>Export All Data</Button>
        </CardContent>
      </Card>

      <Card>
        <CardHeader>
          <CardTitle className="flex items-center gap-2">
            <Upload className="h-5 w-5" />
            Import Data
          </CardTitle>
          <CardDescription>Import conversations from other AI assistants</CardDescription>
        </CardHeader>
        <CardContent>
          <Button variant="outline">Import Data</Button>
        </CardContent>
      </Card>
    </div>
  )
}