export const Steps = () => (
  <div className="steps-wrapper">
    <h2 className="doc-header-text">Generate Discovery Responses</h2>
    <ol className="steps-list">
      <li>
        Create the case to which the discovery request pertains. Click “Cases”
        in the top navigation bar to go to the <strong>Case View</strong>. Click
        the “Create New Case” button (lower right) to surface the{" "}
        <strong>Create Case Modal</strong>. Enter all relevant information --
        case name, case number, parties, etc. -- and click “Save Case”. The
        modal will close, returning you to the <strong>Case View.</strong>
      </li>
      <li>
        On the newly-created case info card, click the “View” button (far right)
        to navigate to its <strong>Case Details View.</strong> Click “Upload
        Document” to surface the <strong>Document Upload Modal</strong>.
      </li>
      <li>
        On the <strong>Document Upload Modal</strong>, enter the document title,
        i.e. “Defendant’s Interrogatories,” and (optionally) the date served.
        Drag and drop or click to select the request document from your files.{" "}
        <em>The document must be in .pdf format.</em>
        <br /> Click “Upload”, and will you automatically navigate to the{" "}
        <strong>Document List View</strong>. <br />{" "}
      </li>
      <li>
        Click the “Generate Responses'' button. Novdraft’s intelliDraft AI will
        generate the response and automatically navigate to the interactive{" "}
        <strong>Document Editor</strong>. You can edit the responses and save
        progress anytime by clicking the “Save Changes” button. When you are
        satisfied, you can download a .docx file by clicking the “Create .docx
        File” button.
      </li>
      <strong>Pro tip:</strong> once you've created a case, you can skip most of
      these steps. Simply search for the case by entering the case number in the
      search bar on your Dashboard, and click "Express Document Upload" and
      follow the prompts.
    </ol>
    <p className="steps-p"></p>
  </div>
);
