import { Button, Heading, Row, Section, Text } from "@react-email/components";
import Base from "./base";
export type Generic_NewMail = {
  mailType: "generic";
  props: GenericProps;
};

type GenericProps = {
  title: string;
  noreply?: boolean;
  testo: string;
  link?: {
    href: string;
    label?: string;
  };
};

const Generic = ({
  title,
  noreply = false,
  testo,
  link = undefined,
}: GenericProps) => {
  return (
    <Base preview={title} noreply={noreply}>
      <>
        <Heading className="text-center text-3xl leading-8">{title}</Heading>
        <Section className="px-5 text-left text-base md:px-12">
          <Row>
            <Text>{testo}</Text>
          </Row>
          {link && (
            <Section className="mb-5">
              <Button
                className="mx-auto box-border inline-flex h-10 items-center justify-center rounded-md bg-neutral-100 px-4 py-2 text-center align-middle font-semibold whitespace-nowrap text-neutral-900"
                href={`${link.href}`}
              >
                {link.label}
              </Button>
            </Section>
          )}
        </Section>
      </>
    </Base>
  );
};

export default Generic;
