"use client"

import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"



/**
 * 하드코딩된 티어 셀렉터
 *
 * 벤더의 티어
 *
 * 코드, 의미
 * Tier 1, "당사 협조도 우수, 필수 견적 의뢰 업체"
 * Tier 2, "해당 품목 주요 제작사, Tier 1 후보군"
 * 등급 외 "(Tier 1, 2 미해당 업체)"
 */

interface VendorTierSelectorProps {
  value?: string
  onValueChange?: (value: string) => void
  placeholder?: string
  disabled?: boolean
  className?: string
}

export function VendorTierSelector({
  value = "",
  onValueChange,
  placeholder = "티어 선택",
  disabled = false,
  className
}: VendorTierSelectorProps) {
  // 선택된 값에 따른 툴팁 텍스트
  const getTooltipText = (value: string) => {
    switch (value) {
      case "Tier 1":
        return "당사 협조도 우수, 필수 견적 의뢰 업체"
      case "Tier 2":
        return "해당 품목 주요 제작사, Tier 1 후보군"
      case "none":
        return "Tier 1, 2 미해당 업체"
      default:
        return ""
    }
  }

  return (
    <Select value={value} onValueChange={onValueChange} disabled={disabled}>
      <SelectTrigger className={className} title={value ? getTooltipText(value) : ""}>
        <SelectValue placeholder={placeholder} />
      </SelectTrigger>
      <SelectContent>
        <SelectItem value="Tier 1" title="당사 협조도 우수, 필수 견적 의뢰 업체">
          Tier 1
        </SelectItem>
        <SelectItem value="Tier 2" title="해당 품목 주요 제작사, Tier 1 후보군">
          Tier 2
        </SelectItem>
        <SelectItem value="none" title="Tier 1, 2 미해당 업체">
          등급 외
        </SelectItem>
      </SelectContent>
    </Select>
  )
}