import { Col, Row } from "antd";
import React from "react";

function StepLayout(props: {
  Form: React.ReactNode;
  Preview: React.ReactNode;
  Controls: React.ReactNode;
}) {
  return (
    <>
      <Row gutter={24}>
        <Col span={14}>{props.Form}</Col>
        <Col span={10}>{props.Preview}</Col>
      </Row>
      <div className="footer">{props.Controls}</div>
    </>
  );
}

export default StepLayout;
