coh1

index.js

import { Form } from 'react-bootstrap'
import formData from './formData' 

const SomeComponent = () => {
  return (
    <div css={CSS}>
      <Form>{/*  */}</Form>
    </div>
  )
}

const CSS = css`
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #282c34;

  form {
    width: 400px;
  }

  label {
    color: #adb5bd;
    text-transform: capitalize;
  }

  .success {
    color: white;
    text-align: center;
  }

  .submit-button {
    width: 100%;
    text-align: center;
  }

  .error-message {
    color: #e74d5b;
    margin-top: 5px;
  }

  .outline-error {
    border: 1px solid #e74d5b;
  }
`