import { memo } from "react";
import { Box, Card } from "components/Common";
import ExhibitorRegisterForm from "views/exhibitorRegister/ExhibitorRegisterForm";

const ExhibitorRegister = memo(() => {
  return (
    <>
      <Box
        direction="column"
        align="center"
        padding="20px"
        margin="0 auto"
        style={{ maxWidth: "640px", overflow: "auto" }}
      >
        <Card margin_bottom="20px" hideBorderTop>
          <img
            src="/assets/images/banner/banner-exhibitor-registeration.png"
            width="100%"
            height="auto"
            alt=""
            style={{
              borderRadius: "var(--border-radius)",
            }}
          />
        </Card>

        <ExhibitorRegisterForm />
      </Box>
    </>
  );
});

export default ExhibitorRegister;