Aarni Halinen
22 lines
476 B
TypeScript
22 lines
476 B
TypeScript
import React from "react";
|
||
import "./HeroAsideItem.scss";
|
||
import Anchor from "../../Anchor";
|
||
|
||
interface HeroAsideItemProps {
|
||
title: string;
|
||
linkText: string;
|
||
linkHref: string;
|
||
}
|
||
|
||
const HeroAsideItem: React.FC<HeroAsideItemProps> = ({ title, linkText, linkHref, children }) => (
|
||
<div className="hero-aside-item">
|
||
<h2>{title}</h2>
|
||
<p>{children}</p>
|
||
<Anchor to={linkHref}>
|
||
<h6>{linkText} ›</h6>
|
||
</Anchor>
|
||
</div>
|
||
)
|
||
|
||
export default HeroAsideItem;
|