context.js

import React from 'react';

// Exercise 1: Passing props
// TODO: Make all the buttons pink
const Ex1 = () => {

    // Pass the background color through to the components
    const backgroundColor = 'black';

    return (
        <div>
            <Toolbar  />
            <ShoppingCart />
        </div>
    )
};

const Toolbar = () => {
    return (
        <div>
            <MyButton />
        </div>
    )
};

const ShoppingCart = () => {
    return (
        <div>
            <MyButton />
        </div>
    )
};

const MyButton = ({ backgroundColor = 'blue' }) => {
    return <button style={{backgroundColor: backgroundColor}}>Click</button>
};

// Exercise 2: context



export { Ex1 };