jobiqo-cl/lib/es/src/components/02-atoms/06-layout/01-alignment/02-center-box/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

import styled from 'styled-components';

/**
 * @file index.tsx
 *
 * @fileoverview Generates a component that displays information on the middle of the page.
 */
/**
 * Generates a component that displays information
 * on the middle of the page.
 */
const CenterBox = styled.div `
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
`;

export { CenterBox };