import React from 'react';
import Card from 'react-bootstrap/Card';

export type Props = {
    heading?: string,
    position: string,
    timerange: string,
    company: string, 
    description: string
};

export default function JobCard(props: Props) {
    return (
        <Card className='job-card'>
            {props.heading && (
                <Card.Header>{props.heading}</Card.Header>
            )}
            <Card.Body>
                <Card.Title>{props.position}</Card.Title>
                <Card.Subtitle>
                    <span className='company-name'>{props.company}</span>, <span className='timerange'>{props.timerange}</span>
                    </Card.Subtitle>
                <Card.Text>{props.description}</Card.Text>
            </Card.Body>
        </Card>
    );
}