

import React from 'react';
import { Flex } from 'grid-styled';
import { childrenInsertProps } from '../utils/Utils';

const SectionBase = Flex.extend`
        align-content: flex-end
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-self: flex-end;
        height: 264px;
        width: 320px;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 8px 8px 0px 0px;
        padding: .5rem
`;

class SectionLogin extends React.Component{
    render(){
        return(
            <SectionBase {...this.props} theme={this.props.theme}>
                {childrenInsertProps(this.props.children, {theme: this.props.theme})}
            </SectionBase>
        );
    }
}

export default SectionLogin;
