import { Button, Checkbox, Form, Input, Row, Typography, Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;
const { Title } = Typography;
const headerStyle = {
  textAlign: 'center',
  // color: '#fff',
  height: 64,
  paddingInline: 50,
  lineHeight: '64px',
  backgroundColor: '#f5f5f5',
};
const contentStyle = {
  textAlign: 'center',
  minHeight: 600,
  lineHeight: '120px',
  // color: '#fff',
  // backgroundColor: '#108ee9',
};
const footerStyle = {
  textAlign: 'center',
  // color: '#fff',
  // backgroundColor: '#7dbcea',
};
const onFinish = (values) => {
  console.log('Success:', values);
};
const onFinishFailed = (errorInfo) => {
  console.log('Failed:', errorInfo);
};
const SignOut = () => (
  <Layout>
    <Header style={headerStyle}>      
      <Title>Global Highlights Hub</Title>
    </Header>
    <Content style={contentStyle}>
      See you.
    </Content>
    <Footer style={footerStyle}>Footer</Footer>
  </Layout>

);
export default SignOut;