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

const n = createNamespace('DomainAppDemo');

export const DomainAppDemo = ({
    tabs,
    domainApp
}) => (
    <div {...n('wrap').props}>
        <div id="header-universal">Universal header</div>
        <div className="container">
            <div className="row">
                <div className="col-md-12">
                    {tabs}
                </div>
            </div>
        </div>
        <div className="container">
            <div className="row">
                <div className="col-md-12">
                    {domainApp}
                </div>
            </div>
        </div>
        <div className="container">
            <div className="row">
                <div className="col-md-12">
                    <div className="test-content">
                        <p>This is some content hardcoded in the toolkit</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
);

DomainAppDemo.propTypes = {
    tabs: PropTypes.element,
    domainApp: PropTypes.element
};
DomainAppDemo.defaultProps = {
    tabs: null,
    domainApp: null
};
export default DomainAppDemo;
