29 lines
869 B
TypeScript
29 lines
869 B
TypeScript
import { useField } from "formik"
|
|
import React from "react"
|
|
import ErrorMessage from "./ErrorMessage"
|
|
import RequiredAsterisk from "./RequiredAsterisk"
|
|
|
|
const SelectInput = ({ label, ...props }: { label?: string; name: string; [x: string]: any }) => {
|
|
const { required, ...restProps } = props
|
|
const [field, meta] = useField(restProps)
|
|
|
|
return (
|
|
<div className="flex flex-col gap-3">
|
|
{label && (
|
|
<label className="text-md" htmlFor={props.id || props.name}>
|
|
{label}
|
|
<RequiredAsterisk required={required} />
|
|
</label>
|
|
)}
|
|
|
|
<div className="flex flex-col">
|
|
<select className="h-10 w-full rounded-lg border border-grey-500 px-4 text-sm" {...field} {...restProps} />
|
|
<ErrorMessage touched={meta.touched} error={meta.error} />
|
|
</div>
|
|
|
|
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default SelectInput
|