import React, { Component } from 'react';
import '../../css/Components/sort.css'

class Sort extends Component {

    constructor(props){
        super(props)
        this.state = {

        }
    }

    render() {
        return (
            <div id="sortBox">
                <div id="sortTxt">
                    Trier par 
                </div>
                <div id="selectBlock">
                    <div id="selectBox">
                        <select id="sortSelect" onChange={this.props.handleChangeSortType}>
                            <option className="optionSort" value="Ordre Alphabétique">Ordre Alphabétique</option>
                            <option className="optionSort" value="Catégorie">Catégorie</option>
                            <option className="optionSort" value="Quantité">Quantité</option>
                        </select>
                    </div>
                </div>
            </div>
        );
    }
}

export default Sort;