import React from "react"
import { SelectProps } from "antd"
import { useGetCountries } from "@/hook/useCommon"
import { SelectCountryComponent } from "@component/Common/SelectCountries"
import { ICountry } from "@/type/Common"

export interface SelectCountryProps extends Omit<SelectProps, "options"> {
    options?: ICountry[]
    refetchOnMount?: boolean
    onChange?: any
}

export const SelectCountry = (props: SelectCountryProps) => {
    const { data: countries, isLoading } = useGetCountries({ refetchOnMount: props?.refetchOnMount })

    return (
        <SelectCountryComponent
            loading={isLoading}
            options={countries?.data}
            {...props}
        />
    )
}