import Layout from '@txdfe/at-layout';
import { ConfigProvider, locale, Card } from '@txdfe/at';
const enUS = locale['en-us'];

const LayoutSidebar = () => (
  <>
    <div style={{ width: '100%', height: '100%', background: '#888' }}>
      Sidebar
    </div>
  </>
);

const LayoutMain = () => (
  <>
    <div style={{ width: '100%', height: '100%', background: '#888' }}>
      Main
    </div>
  </>
);

const Demo = () => {
  const prefix = 'layout-whole-demo-1';

  return (
      <div className={prefix}>
        <Layout
          type="whole1"
          sidebar={<LayoutNav />}
          main={<LayoutMain />}
        />
      </div>
  );
}