import React from "react";
import { Text } from "components/Typography";
import config from "config";

const BlockingEdit = () => {
  return (
    <div className="d--flex justify__content--center align__items--center flex__direction--column full-height">
      <img
        src={`${config.service.assetUrl}/assets/images/blocking-edit.svg`}
        alt="block-edit"
      />
      <Text preset="semibold24" className="d--block m__t--40">
        Someone Else Is Currently Editing This Profile
      </Text>
      <Text preset="regular16" className="opacity-6 d--block m__t--8">
        Please come back later to make changes
      </Text>
    </div>
  );
};

export default BlockingEdit;
