components/common/discipline-hardcoded/discipline-hardcoded-selector.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

'use client'

import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from '@/components/ui/select'
import { HARDCODED_DISCIPLINES, HardcodedDiscipline } from './discipline-data'

export interface DisciplineHardcodedSelectorProps {
  selectedDiscipline?: string
  onDisciplineSelect: (discipline: string) => void
  disabled?: boolean
  placeholder?: string
  className?: string
}

export function DisciplineHardcodedSelector({ 
  selectedDiscipline, 
  onDisciplineSelect, 
  disabled,
  placeholder = "설계공종 선택",
  className
}: DisciplineHardcodedSelectorProps) {
  
  return (
    <Select
      value={selectedDiscipline}
      onValueChange={onDisciplineSelect}
      disabled={disabled}
    >
      <SelectTrigger className={`w-full ${className || ''}`}>
        <SelectValue placeholder={placeholder}>
          {selectedDiscipline || <span className="text-muted-foreground">{placeholder}</span>}
        </SelectValue>
      </SelectTrigger>
      <SelectContent>
        {HARDCODED_DISCIPLINES.map((discipline) => (
          <SelectItem key={discipline} value={discipline}>
            {discipline}
          </SelectItem>
        ))}
      </SelectContent>
    </Select>
  )
}