"use client";

import { StatsSelect } from './stats-select';
import { StatsOverview } from '@/lib/types';
import { useStatsData } from '@/lib/hooks/use-stats-data';

interface PlatformSelectorProps {
  value: string;
  onValueChange: (value: string) => void;
  stats: StatsOverview | null;
  showNoneOption?: boolean;
  noneOptionLabel?: string;
  placeholder?: string;
  inputPlaceholder?: string;
  className?: string;
  disabled?: boolean;
}

export function PlatformSelector({
  value,
  onValueChange,
  stats,
  showNoneOption = false,
  noneOptionLabel = "不修改",
  placeholder = "选择平台",
  inputPlaceholder = "或直接输入平台名称",
  className,
  disabled = false
}: PlatformSelectorProps) {
  const { platforms } = useStatsData(stats);

  return (
    <StatsSelect
      value={value}
      onValueChange={onValueChange}
      placeholder={placeholder}
      inputPlaceholder={inputPlaceholder}
      items={platforms}
      showNoneOption={showNoneOption}
      noneOptionLabel={noneOptionLabel}
      className={className}
      disabled={disabled}
    />
  );
}