import React from "react";
// import ActionMenu from "./node_modules/components/ActionMenu";
import CPCard from "./node_modules/components/CPCard";
import SearchBar from "./node_modules/components/SearchBar";
import FormField from "./node_modules/components/FormField";
import FormInput from "./node_modules/components/FormInput";
import Accordion from "./node_modules/components/Accordion";
import Dropdown from "./node_modules/components/Dropdown";

class App extends React.Component {
	render() {
		return (
			<section>
				{/* <ActionMenu onChange={(e) => { console.log(e) }}
							id="recurringDropdown"
							options={["Daily", "Weekly", "Monthly", "Yearly"]}
							startValue="Repeat" /> */}
				<Accordion title="Accordion Title" open>
					<FormField label="Email Address" htmlFor="basic-form-input-email" size="minor">
						<FormInput autoFocus type="email" placeholder="Enter email" name="basic-form-input-email" size="minor" />
					</FormField>
					<FormField label="Something else" htmlFor="basic-form-input-something" size="minor">
						<FormInput type="text" placeholder="Enter something" name="basic-form-input-something" size="minor" />
					</FormField>
				</Accordion>
				<Dropdown id="someDropdown" options={["This", "That", "Other"]} startValue="Options" />
			</section>
		);
	}
}
export default App