1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-09-20 06:25:53 +02:00
.profile/components/Interests/InterestsList/InterestItem.tsx
2022-02-23 11:51:00 +01:00

21 lines
561 B
TypeScript

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { IconDefinition } from '@fortawesome/free-solid-svg-icons'
interface InterestItemProps {
title: string
fontAwesomeIcon: IconDefinition
}
export const InterestItem: React.FC<InterestItemProps> = (props) => {
const { fontAwesomeIcon, title } = props
return (
<li className='interest-item my-2 mx-2 h-8 w-8' title={title}>
<FontAwesomeIcon
className='block h-full w-full text-yellow dark:text-yellow-dark'
icon={fontAwesomeIcon}
/>
</li>
)
}