type Props = {
    title: string,
    description: string,
    tags: string[],
    year?: string | number,
    url?: string,
    isLunched?: boolean
}


const Journey = ({ title, description, tags, year, url, isLunched }: Props) => {

    return (
        <div className="w-52  bg-dark-primary rounded-md flex flex-col  p-3 my-2 mx-3">
            <h3 className="text-2xl font-bold bg-gold text-dark-primary rounded-lg px-1 py-2">{title}</h3>
            <p className="text-secondary opacity-80 text-sm text-left px-1 my-2">{description}</p>
            <div className="flex flex-row flex-wrap ">
                {tags.map((tag, i) => (
                    <p key={i} className="text-dark-primary bg-secondary rounded-md p-1 opacity-80 text-xs m-1">
                        {`#${tag}`}
                    </p>
                ))}
            </div>
        </div>
    )
}

export default Journey;