var MenuPage = React.createClass({
    render: function () {
        return (
            <div>
                <h1>Restaurant Menu</h1>
                <p>Browse our available menu items below.</p>

                <table>
                    <thead>
                        <tr>
                            <th></th>
                            <th>Item</th>
                            <th>Description</th>
                            <th>Price</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><img src="images/burgerr.jpg" alt="Burger" width="120" /></td>
                            <td>Burger</td>
                            <td>Classic burger with fresh toppings</td>
                            <td>$8.99</td>
                        </tr>
                        <tr>
                            <td><img src="images/chicken-sandwich.jpg" alt="Chicken Sandwich" width="120" /></td>
                            <td>Chicken Sandwich</td>
                            <td>Grilled chicken sandwich</td>
                            <td>$7.99</td>
                        </tr>
                        <tr>
                            <td><img src="images/salad.jpg" alt="Salad" width="120" /></td>
                            <td>Salad</td>
                            <td>Fresh mixed green salad</td>
                            <td>$6.99</td>
                        </tr>
                        <tr>
                            <td><img src="images/fries.jpg" alt="Fries" width="120" /></td>
                            <td>Fries</td>
                            <td>Crispy golden fries</td>
                            <td>$2.99</td>
                        </tr>
                        <tr>
                            <td><img src="images/drink.jpg" alt="Drink" width="120" /></td>
                            <td>Drink</td>
                            <td>Soft drink or tea</td>
                            <td>$1.99</td>
                        </tr>
                    </tbody>
                </table>

            </div>
        );
    }
});

ReactDOM.render(
    <MenuPage />,
    document.getElementById('content')
);