1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s

: / var / www / smartweb / priyoholidays.com / src / components / common /

Filename : Select.jsx

back

import cn from '@/helpers/cn'
import React from 'react'

export default function Select({ defaultValue, baseClasses, name, title = null, required = false, options = [], placeholder = '' }) {
    return (
        <div className={cn('relative w-full', baseClasses)}>
            {title && (
                <label className='text-sm text-gray-500 font-bold mb-1 block'>
                    {title} {required && <span className='text-red-500'>*</span>}
                </label>
            )}
            <select
                className='w-full py-3 px-3 border bg-gray-50 hover:bg-primary-lighter transition-colors duration-300 focus:border-primary outline-none rounded-md'
                name={name}
                defaultValue={defaultValue}
                required={required}>
                <option value=''>{placeholder}</option>
                {options.map((option, index) => (
                    <option key={index} value={option.value}>
                        {option.label}
                    </option>
                ))}
            </select>
        </div>
    )
}