snowballtools-base/packages/frontend/src/components/Dropdown.tsx
Nabarun Gogoi cc071dddcf
Implement layout for creating new project with template (#6)
* Create layout for create project with template

* Handle create project with tempalte form

* Refactor pages folder according to routes

* Add navigation to create project with template page

---------

Co-authored-by: neeraj <neeraj.rtly@gmail.com>
2023-12-18 16:58:17 +05:30

34 lines
665 B
TypeScript

import React from 'react';
import {
default as ReactDropdown,
Option as ReactDropdownOption,
} from 'react-dropdown';
import 'react-dropdown/style.css';
interface Option {
value: string;
label: string;
}
interface DropdownProps {
options: Option[];
onChange: (arg: ReactDropdownOption) => void;
placeholder?: string;
value?: Option;
}
const Dropdown = ({ placeholder, options, onChange, value }: DropdownProps) => {
return (
<ReactDropdown
options={options}
placeholder={placeholder}
className="h-full"
controlClassName="h-full"
onChange={onChange}
value={value}
/>
);
};
export default Dropdown;