Function CardLayout

apps/web/ui/CardLayout/index.tsx:12–34

({ size, header, children }: Props)

}

const CardLayout = ({ size, header, children }: Props) => {
  return (
    <>
      <div className={styles.page}>
        <div className={styles.logo}>
          <a href="/">
            <LinenLogo />
          </a>
        </div>
        <Card size={size}>
          <div className={styles.content}>
            {header && <h1 className={styles.header}>{header}</h1>}
            {children}
          </div>
        </Card>
      </div>
      <div id="portal"></div>
      <div id="modal-portal"></div>
      <div id="tooltip-portal"></div>
      <div id="preview-portal"></div>
    </>
  );
};

export default CardLayout;