// Generated with util/create-component.js
import React from "react";
import EmphasizeContent from "../EmphasizeContent";
import Image from "../Image";
import Text from "../Text";
import { AnonymousUserProps } from "./AnonymousUser.types";

const AnonymousUser: React.FC<AnonymousUserProps> = ({
  emphasizeData,
  imageData,
  editorContent,
}) => {
  const {
    url,
    ImageWrapper,
    title,
    description,
    text,
    alt,
    link,
    routeToNewPage,
  } = imageData;
  return (
    <div
      data-testid="AnonymousUser"
      className="nrc--AnonymousUser w-full max-w-[80rem] px-[2rem] pt-[1.2rem]"
    >
      {/* for legacy */}
      {emphasizeData && (
        <EmphasizeContent
          content={emphasizeData}
          style={{ paddingLeft: 0, paddingRight: 0 }}
        />
      )}

      <Image
        url={url}
        ImageWrapper={ImageWrapper}
        title={title}
        description={description}
        text={text}
        alt={alt}
        link={link}
        routeToNewPage={routeToNewPage}
        style={{ paddingLeft: 0, paddingRight: 0 }}
      />

      {editorContent && <Text editorContent={editorContent} />}
    </div>
  );
};

export default AnonymousUser;