import React from "react";

import Card from "components/Card";

import InstallSoftwarePreviewImg from "../../../../../../../../assets/images/install-software-preview.png";

const baseClass = "setup-experience-script-preview";

const SetupExperienceScriptPreview = () => {
  return (
    <Card color="gray" paddingSize="xxlarge" className={baseClass}>
      <h3>End user experience</h3>
      <p>
        After software is installed, the end user will see the script being run.
        They will not be able to continue until the script runs.
      </p>
      <p>
        If there are any errors, they will be able to continue and will be
        instructed to contact their IT admin.
      </p>
      <img
        className={`${baseClass}__preview-img`}
        src={InstallSoftwarePreviewImg}
        alt="install software preview"
      />
    </Card>
  );
};

export default SetupExperienceScriptPreview;