2021-04-18 01:56:23 +02:00
|
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
|
|
import { IconDefinition } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
|
|
|
|
interface InterestItemProps {
|
|
|
|
title: string
|
|
|
|
fontAwesomeIcon: IconDefinition
|
|
|
|
}
|
|
|
|
|
2021-05-08 19:52:04 +02:00
|
|
|
export const InterestItem: React.FC<InterestItemProps> = (props) => {
|
2021-04-18 01:56:23 +02:00
|
|
|
const { fontAwesomeIcon, title } = props
|
|
|
|
|
|
|
|
return (
|
2021-12-04 15:52:51 +01:00
|
|
|
<li className='interest-item my-2 mx-2 h-8 w-8' title={title}>
|
2021-05-08 19:52:04 +02:00
|
|
|
<FontAwesomeIcon
|
2021-12-04 15:52:51 +01:00
|
|
|
className='block h-full w-full cursor-pointer text-yellow dark:text-yellow-dark'
|
2021-05-08 19:52:04 +02:00
|
|
|
icon={fontAwesomeIcon}
|
|
|
|
/>
|
|
|
|
</li>
|
2021-04-18 01:56:23 +02:00
|
|
|
)
|
|
|
|
}
|