'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var styled = require('styled-components');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

const fadeIn = styled.keyframes `
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
`;
const spin = styled.keyframes `
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
`;
styled__default['default'].div `
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  min-width: 560px;
  flex-direction: ${(props) => (props.column ? 'column' : 'row')};
  box-sizing: border-box;
  margin-left: ${(props) => (props.leftMargin ? '400px' : 0)};

  ${(props) => props.width &&
    styled.css `
      width: ${props.width}px;
    `}

  @media (min-width: 600px) {
    height: 100%;
  }
  @media (max-width: 600px) {
    height: auto;
    min-width: 300px;
  }
`;

exports.fadeIn = fadeIn;
exports.spin = spin;
