import { StyledContainer, Content } from './styled-container';
import * as React from 'react';

interface Props {
    alignCenter?: boolean;
    children?: React.ReactNode;
    style?: React.CSSProperties;
    containerStyle?: React.CSSProperties;
    alignContentCenter?: boolean;
    onKeyPress?: (e: { charCode: number }) => void;
}

const Container = (props: Props) => (
    <div>
        <StyledContainer
            alignCenter={props.alignCenter}
            style={props.containerStyle}
            onKeyPress={props.onKeyPress}
        >
            <Content
                style={props.style}
                alignContentCenter={props.alignContentCenter}
            >
                {props.children}
            </Content>
        </StyledContainer>
    </div>
);

export default Container;
