import { FaMailBulk, FaWhatsapp, FaInstagram } from "react-icons/fa";

export default function Author({
    author,
    date,
    dateStamp,
    size,
    rss,
}: Authors.author) {
    return (
        <address className="my-5 px-5 py-3 flex darkContainer w-fit rounded-xl">
            <a
                href={author.profile}
                aria-label={`Ir al perfil de ${author.name}`}
                target="_blank"
                className="my-auto"
            >
                <img
                    src={author.img}
                    alt={author.alt}
                    width={size ? size : 60}
                    height={size ? size : 60}
                    className="rounded-full shadow mr-3 darkContainer"
                />
            </a>
            <div className="text-sm mx-3 my-2 text-gray-700 text">
                <p>
                    Escrito por{" "}
                    <a
                        href={author.profile}
                        aria-label={`Ir al perfil de ${author.name}`}
                        className="aHref link"
                        target="_blank"
                    >
                        <span
                            itemProp="author"
                            itemScope
                            itemType="http://schema.org/Person"
                        >
                            <span itemProp="name">{author.name}</span>
                        </span>
                    </a>
                </p>
                <p>
                    Publicado el{" "}
                    <time dateTime={dateStamp} className="font-semibold">
                        {date}
                    </time>
                </p>
                {rss ? (
                    <div className="flex text-lg my-1 gap-2.5">
                        {rss.ig ? (
                            <a
                                href={`https://www.instagram.com/${rss.ig}`}
                                target="_blank"
                                aria-label="Ir a la cuenta de Instagram"
                            >
                                <FaInstagram />
                            </a>
                        ) : null}
                        {rss.wa ? (
                            <a
                                href={`https://wa.me/${rss.wa}`}
                                target="_blank"
                                aria-label="Ir a WhatsApp"
                            >
                                <FaWhatsapp />
                            </a>
                        ) : null}
                        {rss.email ? (
                            <a
                                href={`mailto:${rss.email}`}
                                target="_blank"
                                aria-label="Enviar correo electrónico"
                            >
                                <FaMailBulk />
                            </a>
                        ) : null}
                    </div>
                ) : null}
            </div>
        </address>
    );
}