import { Switch } from '@/components/ui/switch';

interface DataFeaturesSectionProps {
  autoRefresh: boolean;
  realTimeUpdates: boolean;
  dataExport: boolean;
  onAutoRefreshChange: (enabled: boolean) => void;
  onRealTimeUpdatesChange: (enabled: boolean) => void;
  onDataExportChange: (enabled: boolean) => void;
}

export function DataFeaturesSection({
  autoRefresh,
  realTimeUpdates,
  dataExport,
  onAutoRefreshChange,
  onRealTimeUpdatesChange,
  onDataExportChange
}: DataFeaturesSectionProps) {
  return (
    <div className="space-y-3">
      <h4 className="font-medium">Data Features</h4>
      
      <div className="flex items-center justify-between p-4 bg-muted/50 rounded-lg">
        <div>
          <p className="font-medium">Enable Auto-Refresh</p>
          <p className="text-sm text-muted-foreground">
            Automatically refresh dashboard data at set intervals
          </p>
        </div>
        <Switch
          checked={autoRefresh}
          onCheckedChange={onAutoRefreshChange}
        />
      </div>

      <div className="flex items-center justify-between p-4 bg-muted/50 rounded-lg">
        <div>
          <p className="font-medium">Enable Real-time Updates</p>
          <p className="text-sm text-muted-foreground">
            Show live updates when data changes occur
          </p>
        </div>
        <Switch
          checked={realTimeUpdates}
          onCheckedChange={onRealTimeUpdatesChange}
        />
      </div>

      <div className="flex items-center justify-between p-4 bg-muted/50 rounded-lg">
        <div>
          <p className="font-medium">Enable Data Export</p>
          <p className="text-sm text-muted-foreground">
            Allow users to export analytics data and reports
          </p>
        </div>
        <Switch
          checked={dataExport}
          onCheckedChange={onDataExportChange}
        />
      </div>
    </div>
  );
}

