import { memo } from "react";
import { Box, Card } from "components/Common";
import VisitorRegisterForm from "views/visitorRegister/VisitorRegisterForm";

const VisitorRegister = 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-visitor-registeration.png"
            width="100%"
            height="auto"
            alt=""
            style={{
              borderRadius: "var(--border-radius)",
            }}
          />
        </Card>

        <VisitorRegisterForm />
      </Box>
    </>
  );
});

export default VisitorRegister;