import { ExclamationTriangle } from "react-bootstrap-icons";

export const Steps = () => (
  <div className="steps-wrapper">
    <h2 className="doc-header-text">Generate Discovery Responses</h2>
    <ol className="steps-list">
      <li>
        <strong>CREATE THE CASE: </strong> 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 Create Case Modal. Enter all
        relevant information -- case name, case number, parties, etc. -- and
        click “Save Case” to open the new case's
        <strong> Details View.</strong> Click “Upload Document”.
      </li>
      <li>
        <strong>UPLOAD YOUR DOCUMENT: </strong>You will now see the Document
        Upload Modal. Enter your discovery request's info: document title, i.e.
        “Defendant’s Interrogatories,” and (optionally) the date served. Drag
        and drop the file, or click to select it from your computer's files,{" "}
        {"  "}
        then click <strong> “Upload”.</strong>
        <br /> The upload will begin. Parsing the document usually takes 1 to 2
        minutes, but be patient - it may take up to 5.
      </li>
      <li>
        <strong>GENERATE THE RESPONSE: </strong>From the Document List View,
        click the “Generate Responses'' button. Novdraft’s Intellidraft AI will
        generate the response and automatically navigate to the interactive
        Document Editor. You can edit the responses and save progress any time
        by clicking the “Save Changes” button.
      </li>
      <li>
        <strong>DOWNLOAD YOUR RESPONSE DOCUMENT: </strong>Click the “Create
        .Docx' button to download your fully-formatted, ready-to-serve response.
      </li>
      <ExclamationTriangle
        style={{ color: "red", marginRight: "6px", marginBottom: "2px" }}
      />
      <strong>Pro tip:</strong> Once you've created the case, you can skip step
      one. Simply search for the case by entering the case number in the search
      bar on your Dashboard, click "Express Document Upload" and follow the
      prompts.
    </ol>
    <p className="steps-p"></p>
  </div>
);