//Modules
import React from 'react';

//Styles
import "./Cards.css";

//Component

const WeekStatenCard = (props) => {
    return(
    <div className="WeekStatenOverlay">
        <div className="WeekStatenCard">
            
            <div className="container mb-5 pt-5">
            
                <div className="WeekstatenWrap">
                    <h3 className="AP-color-primary font-weight-normal mb-4 OP-50">{props.Title}</h3>
                    <div className="row">
                        <div className="col-md-6 d-flex Weekstaten-col OP-50">
                            <p>Omschrijving</p>
                            <input className="DescriptionInput"/>
                        </div>
                        <div className="col-md-3 d-flex Weekstaten-col text-center A-Center OP-50">
                            <p>Aantal uren</p>
                            <input className="HourInput my-auto"/>
                        </div>
                        <div className="col-md-3">
                            <a className="AP-Btn-Primary">{props.BtnText}</a>
                        </div>
                    </div>
                
                </div>
            </div>
            <hr className="GlobalHR-SM"/>
        </div>
        </div>
    )
}

export default WeekStatenCard;