export default [
  {
    title: "layout布局组件",
    schema: {
      componentName: "ClassicLayout",
      props: {
        header: {
          type: "JSSlot",
          value: [
            {
              componentName: "Div",
              props: {
                style: {
                  textAlign: 'center',
                  color: '#fff',
                  height: 64,
                  paddingInline: 50,
                  lineHeight: '64px',
                  backgroundColor: '#7dbcea',
                },
                children: "Header",
              },
            },
          ],
        },
        content: {
          type: "JSSlot",
          value: [
            {
              componentName: "Div",
              props: {
                style: {
                  textAlign: 'center',
                  minHeight: 120,
                  lineHeight: '120px',
                  color: '#fff',
                  backgroundColor: '#108ee9',
                },
                children: "Content",
              },
            },
          ],
        },
        footer: {
          type: "JSSlot",
          value: [
            {
              componentName: "Div",
              props: {
                style: {
                  textAlign: 'center',
                  color: '#fff',
                  backgroundColor: '#7dbcea',
                  height: 70,
                  lineHeight: '70px',
                },
                children: "Footer",
              },
            },
          ],
        },
      },
    },
  },
];
