import { Events } from "../../index";

export default function Child({
    item,
    name,
    className,
}: {
    item: string;
    name: string;
    className?: string;
}) {
    return (
        <>
            {item.split("\n\n").map((paragraph, innerIndex) => (
                <p
                    key={`paragraph-${Events.Utils.slugify(name)}-${innerIndex}`}
                    className={`text ${className}`}
                >
                    {paragraph}
                </p>
            ))}
        </>
    );
}