/// /** * The Select component is used to suggest more than three choices to the user. It is recommended to use it with overlay or overridden shadows. * *```tsx * import * as React from "react" * import * as System from "@harborschool/lighthouse" * import { useTheme } from "@harborschool/lighthouse" * * export default () => { * const [open, setOpen] = React.useState(false) * const theme = useTheme() * * return ( * <> * {open && ( * * )} * { * alert(value) * setOpen(false) * }} * onClick={() => setOpen(true)} * onClickOutside={() => setOpen(false)} * isOpen={open} * /> * * ) * } * ``` * @param options - Array\ * @param placeholder - string * @param active - number * @param isOpen - boolean * @param animate - boolean * @param onClick - (event: React.MouseEvent) => void * @param onChange - (newValue: number) => void * @param onClickOutside - (event?: React.MouseEvent) => void * @param overrides - \{ Wrap?: StyletronReact.StyleObject; OptionList?: StyletronReact.StyleObject; Option?: StyletronReact.StyleObject; OptionLabel?: StyletronReact.StyleObject } */ export declare const Select: React.FC; export * from "./types"; import { SelectPropsT } from "./types";