import styled from '@modern-js/runtime/styled';

export const FormWrap = styled.div<{ width: number | string }>`
  .formButtonContainer {
    display: flex;
    margin-top: 25px;
    justify-content: center;
  }

  .center {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .formContainer {
    width: ${props =>
      typeof props.width === 'number' ? `${props.width}px` : props.width};
    background: white;
    border: #bbbbbb solid 1px;
    padding: 29px 33px;
  }
`;
