diff --git a/src/components/SelectModal/SelectModal.scss b/src/components/SelectModal/SelectModal.scss new file mode 100644 index 0000000..b74c6bc --- /dev/null +++ b/src/components/SelectModal/SelectModal.scss @@ -0,0 +1,9 @@ +.formWrapper { + display: flex; + flex-direction: column; +} + +.submitButton { + align-self: center; + justify-self: center; +} diff --git a/src/components/SelectModal/index.js b/src/components/SelectModal/index.js new file mode 100644 index 0000000..e33b20b --- /dev/null +++ b/src/components/SelectModal/index.js @@ -0,0 +1,52 @@ +import React, { Component } from 'react'; + +import { Form, FormGroup, Fields, Submit } from '../Form'; +import Modal from '../Modal'; +import { required } from '../Form/Validation'; + +import stylesheet from './SelectModal.scss'; + +class SelectModal extends Component { + render() { + const { + onSubmit, + options, + toggleModal, + visible, + label, + title, + name + } = this.props; + + return ( + +
+ + + SUBMIT + + +
+ ); + } +} + +export default SelectModal; diff --git a/src/components/index.js b/src/components/index.js index 6febdd3..893f2e3 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -9,6 +9,7 @@ export IconButton from './IconButton'; export Modal from './Modal'; export Pagination from './Pagination'; export RoundRectangle from './RoundRectangle'; +export SelectModal from './SelectModal'; export SquareSelect from './SquareSelect'; export * as Table from './Table';