import { useTranslation } from "react-i18next";
import "../../styles/styles.css";

export const Content: React.FC<any> = ({ text, captionSmall, isColorCaption }) => {
    const { t } = useTranslation()
    return (
        <div data-aos="fade-up"
            data-aos-delay="400"
            className="main-block__container">
            <p className="main-block__title_small">
                Graff.estate stream{" "}
                <p className="main-block__title_gardient_small">{t(`${text}-title`)}</p>
            </p>
            {isColorCaption ? <p className=" main-block__caption_color">
                {t(`${text}-mainBlockCaptionColor`)}
            </p> : <></>}
            <p className={captionSmall ? "main-block__caption  main-block__caption_small" : "main-block__caption"}>
                {t(`${text}-mainBlockCaption`)}
            </p>
        </div>
    )

}