import React from "react";
import { Select } from "../Select";

const SelectDemo = (props) => {
  const {
    label,
    icon,
    isDisabled,
    size,
    placeholder,
    multiple,
    defaultValue = "lucy",
    options = [
      { value: "jack", label: "Jack" },
      { value: "lucy", label: "Lucy" },
      { value: "Yiminghe", label: "yiminghe" },
      { value: "disabled", label: "Disabled", disabled: true },
    ],
    children,
    ...rest
  } = props;

  const [selectedItems, setSelectedItems] = React.useState(defaultValue);

  return (
    <Select
      label={label}
      defaultValue={defaultValue}
      getPopupContainer={(trigger) => trigger.parentNode}
      size={size}
      placeholder={placeholder}
      disabled={isDisabled}
      options={options}
      {...rest}
      onChange={(...params) => {
        setSelectedItems(params[0]);
        if (props.onChange) props.onChange(...params);
      }}
    />
  );
};

export default SelectDemo;