import React from 'react';

import '../styles/type.css'
import '../styles/footer.css';

export const Footer = ({ color }) => {

    return (
        <div className="footer" style={{ backgroundColor: color }}>
            <div className="container">
                <div className="group">
                    <label>Company</label>
                    <a>Link</a>
                    <a>Link</a>
                    <a>Link</a>
                    <a>Link</a>
                    <a>Link</a>
                    <a>Link</a>
                </div>

                <div className="group">
                    <label>Product</label>
                    <a>Link</a>
                    <a>Link</a>
                    <a>Link</a>
                    <a>Link</a>
                </div>

                <div className="group">
                    <label>More</label>
                    <a>Link</a>
                    <a>Link</a>
                </div>
                
            </div>
        </div>
    );
}