import { SelectField } from './SelectField'
import { t } from '@/lib/i18n'

export type BorderStyleValue = 'none' | 'solid' | 'dashed' | 'dotted'

export interface BorderStyleSelectProps {
  label?: string
  value: BorderStyleValue
  onChange: (value: BorderStyleValue) => void
  disabled?: boolean
  description?: string
}

/**
 * Template: BorderStyleSelect
 * Canonical dropdown for border style/type.
 */
export function BorderStyleSelect({
  label = t('Border Style'),
  value,
  onChange,
  disabled = false,
  description,
}: BorderStyleSelectProps) {
  return (
    <SelectField
      label={label}
      value={value}
      onChange={(v) => onChange(v as BorderStyleValue)}
      disabled={disabled}
      description={description}
      options={[
        { value: 'none', label: t('None') },
        { value: 'solid', label: t('Solid') },
        { value: 'dashed', label: t('Dashed') },
        { value: 'dotted', label: t('Dotted') },
      ]}
    />
  )
}

export default BorderStyleSelect

