import { MapAnimation } from "../mapAnimation/mapAnimation"
import "./animationComponent.css"
import "../../styles/styles.css"
import "./mapblock.css"
import { Button } from "../buttonDemo/buttonDemo"

export const AnimationComponent: React.FC<any> = ({ text }) => {
    return (
        <div>
            <div className="animation-container">
                <div className="title__container">
                    <div className="animation__pos">
                        <p className="title">Graff.estate </p>
                        <p className="title__gardient title__gardient_pos">stream</p>
                        <div className="test">
                            <MapAnimation></MapAnimation>
                        </div>

                    </div>
                    <span className="title__caption">
                        {text.titleCaption}
                    </span>
                    <Button text={text}></Button>
                </div>
            </div>
        </div>
    )
}