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

const LoginUserOnly: React.FC<LoginUserOnlyProps> = ({
  emphasizeData,
  imageData,
  extraImageData,
  editorContent,
  extraEditorContent,
}) => {
  return (
    <div
      data-testid="LoginUserOnly"
      className="nrc--LoginUserOnly w-full max-w-[80rem] px-[2rem] pt-[1.2rem]"
    >
      {/* for legacy */}
      {emphasizeData && (
        <EmphasizeContent
          content={emphasizeData}
          style={{ paddingLeft: 0, paddingRight: 0 }}
        />
      )}

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

      {extraImageData && (
        <Image
          url={extraImageData.url}
          ImageWrapper={extraImageData.ImageWrapper}
          title={extraImageData.title}
          description={extraImageData.description}
          text={extraImageData.text}
          alt={extraImageData.alt}
          link={extraImageData.link}
          routeToNewPage={extraImageData.routeToNewPage}
          style={{ paddingLeft: 0, paddingRight: 0 }}
        />
      )}
      {extraEditorContent && <Text editorContent={extraEditorContent} />}
    </div>
  );
};

export default LoginUserOnly;