import React from 'react';
import PropTypes from 'prop-types';
import { createNamespace } from '../../tools/namingTools';
import './styles/BundlePage.scss';

const n = createNamespace('BundlePage');

export const BundlePage = ({
    menu,
    banner,
    header,
    bundle
}) => (
    <div {...n('wrapper').props}>
        {menu && <div {...n('menu').props}>{menu}</div>}
        {banner && <div {...n('banner').props}>{banner}</div>}
        {header && <div {...n('header').props}>{header}</div>}
        {bundle && <div {...n('bundle').props}>{bundle}</div>}
    </div>
);

BundlePage.propTypes = {
    menu: PropTypes.element,
    banner: PropTypes.element,
    header: PropTypes.element,
    bundle: PropTypes.element
};

BundlePage.defaultProps = {
    menu: null,
    banner: null,
    header: null,
    bundle: null
};

export default BundlePage;
