import React from 'react';
import Scrollable from 'ui/Scrollable';

import Payment from './Payment';
import Services from './Services';
import PromoCodes from './PromoCodes';
import PricingInfo from './PricingInfo';

import './index.css';

const Balance = () => (
    <div className="balance section">
        <Scrollable>
            <div className="section-body">
                <Payment />
                <PricingInfo />
                <Services />
                <PromoCodes />
            </div>
        </Scrollable>
    </div>
);

export default Balance;
