import 'babel-polyfill'
import React,{ Component }  from 'react'
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import { Carousel } from 'antd';
import '../css/style.css'
import SearchAlarm from './components/searchAlarm'

class Root extends Component {
	render() {
		// 公网
		// http://40.76.11.95:8888/tcplayer.html?id=2200001201000701
		
		// 内网
		// http://192.168.10.9:8888/tcplayer.html?id=2200001201000053
		return (
			<Carousel effect="fade" style={{
				color: 'white',
				fontSize:'30px',
				height:'100%',
				width:'100%'
			}}>
				<div>
					<div style={{
						height:'calc(100% - 30px)'
					}}>
						<SearchAlarm />
					</div>
				</div>
				<div>
					<div style={{
						height:'calc(100% - 30px)'
					}}>
						<iframe style={{border:0,width:"100%",height:"100%"}} src="http://192.168.10.9:8888/tcplayer.html?id=2200001201000053"/>
					</div>
				</div>
			</Carousel>
		);
	}
}
ReactDOM.render((
	<Root />
), document.getElementById('system'))