import { Select } from 'antd'
import React from 'react'

const CloudProviderSelect: React.FC<
  React.PropsWithChildren<{
    onChangeFunc: (cloud_provider: string) => void
  }>
> = ({ onChangeFunc }) => (
  <Select
    defaultValue="aws"
    style={{ width: 100 }}
    onChange={onChangeFunc}
    options={[
      {
        label: 'AWS',
        value: 'aws'
      },
      {
        label: 'GCP',
        value: 'gcp'
      },
      {
        label: 'Azure',
        value: 'azure'
      }
    ]}
  />
)

export default CloudProviderSelect