import { ReactComponent as Empty } from "../../../../../assets/media/footer-iris.svg";
import React, { Fragment } from "react";
import "./index.sass";

interface Props {
  text: string;
  goBackHandler: Function;
  buttonText: string;
}

const NotFoundComponent: React.FC<Props> = ({
  text,
  goBackHandler,
  buttonText,
}) => {
  return (
    <Fragment>
      <div className="not-found-component">
        <div className="logo">
          <Empty />
        </div>
        <div className="title">{text}</div>
        <div className="back-btn" onClick={() => goBackHandler()}>
          {buttonText}
        </div>
      </div>
    </Fragment>
  );
};

export default NotFoundComponent;
