22 lines
728 B
TypeScript
22 lines
728 B
TypeScript
|
|
|
|
|
|
|
|
const Journey = ({ title, description, tags, year, url, isLunched }) => {
|
|
|
|
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 => (
|
|
<p className="text-dark-primary bg-secondary rounded-md p-1 opacity-80 text-xs m-1">
|
|
{`#${tag}`}
|
|
</p>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Journey; |