2020-11-28 00:39:21 +00:00
|
|
|
import React from 'react';
|
2021-05-02 01:03:17 +00:00
|
|
|
import { projectItem, projectSubtitle, projectTitle } from './item.module.css';
|
2020-11-28 00:39:21 +00:00
|
|
|
import { Link } from 'gatsby';
|
2020-11-27 16:08:32 +00:00
|
|
|
|
2020-11-28 05:07:26 +00:00
|
|
|
interface ItemProps {
|
|
|
|
to: string;
|
|
|
|
title: string;
|
|
|
|
subtitle?: string;
|
|
|
|
}
|
|
|
|
|
|
|
|
export default (props: ItemProps): JSX.Element => (
|
2021-05-02 01:03:17 +00:00
|
|
|
<article className={projectItem}>
|
2020-11-28 20:50:20 +00:00
|
|
|
<Link to={props.to}>
|
2021-05-02 01:03:17 +00:00
|
|
|
<h3 className={projectTitle}>{props.title}</h3>
|
2020-11-28 20:50:20 +00:00
|
|
|
</Link>
|
2021-05-02 01:03:17 +00:00
|
|
|
<p className={projectSubtitle}>{props.subtitle}</p>
|
2020-11-28 20:50:20 +00:00
|
|
|
</article>
|
2020-11-28 00:39:21 +00:00
|
|
|
);
|