import React from "react-dom"
import {changeLoadingStatus} from "./redux/action"
import {connect,useDispatch} from 'react-redux';
import {useEffect} from 'react'
import {useState} from 'react';
import Counter from './Counter'
const Main = () => {
const [ currVal, setCurrVal ] = React.useState(0);
return(
<section className = "main-block">
<div className = "main-block__content">
<svg viewBox="-45 -50 90 90" width="370" height="370" >
<defs>
<polygon id="fig"
className="main__logo"
style={{stroke: "rgb(0, 0, 0)", fill: "rgb(235, 11, 11)", width:"1000px", height:"1000px"} }
transform="translate(-185,-163)"
points="190.492 149.86 186.232 156.783 195.951 174.49 155.412 174.823 160.204 182.811 209.797 182.744">
</polygon>
<text x="-50" y="-55">This is Scalable Vector Graphic (SVG) Text</text>
</defs>
<use href="#fig"></use>
<use href="#fig" transform="rotate(-120)"></use>
<use href="#fig" transform="rotate(120)"></use>
{/* <path d="M-10,0h20M0,-10v20" stroke="blue"></path> */}
</svg>
<div className = "main-block__text"></div>
<span className = "main-block__pre-title">Общество с ограниченной ответственностью</span>
<h1 className = "main-block__title"></h1>
<span className = "main-block__ogrn-inn"> ОГРН:0/ИНН:5</span>
</div>
<div className = "main-block__achivments">
<div className = "main-block__achivment">
<p>Санитарно защитных зон</p>
<p></p>
</div>
<div className = "main-block__achivment">
<p>Межевых планов</p>
{/* <Counter/> */}
</div>
<div className = "main-block__achivment">
<p>Технических планов</p>
<p>98</p>
</div>
</div>
<div className = "main__background"></div>
<iframe className = "main-block__video" src="https://www.youtube.com/embed/xHYyQka2Z7Y?autoplay=1&mute=1&enablejsapi=1?controls=0&loop=1" frameborder="0" allow="autoplay loop" loop="true" muted="muted"></iframe>
</section>
)
}
const mapStateToProps = state => { //delete
return {
isLoading: state.items.isLoading
}
}
export default connect(mapStateToProps,null)(Main)"dependencies": {
"@testing-library/jest-dom": "^5.11.9",
"@testing-library/react": "^11.2.3",
"@testing-library/user-event": "^12.6.2",
"bootstrap": "^4.6.0",
"react": "^16.14.0",
"react-bootstrap": "^1.5.2",
"react-dom": "^16.14.0",
"react-elastic-carousel": "^0.11.1",
"react-redux": "^7.2.2",
"react-scripts": "4.0.1",
"redux": "^4.0.5",
"styled-components": "^5.2.1",
"web-vitals": "^0.2.4"
},
router.post('/drives', (req, res) => {
listDrives().then(data => {
res.send(JSON.stringify(data));
})
})