/**
 * MainContent Component
 *
 * @package Advanced_Customer_Account
 */

/**
 * Main content wrapper component.
 *
 * @param {Object}      props          Component props.
 * @param {JSX.Element} props.children Child elements.
 * @return {JSX.Element} MainContent component.
 */
const MainContent = ( { children } ) => {
    return (
        <main className="aca-content" role="main">
            <div className="aca-content__inner">
                { children }
            </div>
        </main>
    );
};

export default MainContent;