mirror of
https://github.com/theoludwig/theoludwig.git
synced 2024-11-05 13:01:30 +01:00
42 lines
959 B
TypeScript
42 lines
959 B
TypeScript
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
||
|
import { IconDefinition } from '@fortawesome/free-solid-svg-icons'
|
||
|
import { Tooltip } from 'components/design/Tooltip'
|
||
|
|
||
|
interface InterestItemProps {
|
||
|
title: string
|
||
|
fontAwesomeIcon: IconDefinition
|
||
|
}
|
||
|
|
||
|
export const InterestItem: React.FC<InterestItemProps> = props => {
|
||
|
const { fontAwesomeIcon, title } = props
|
||
|
|
||
|
return (
|
||
|
<>
|
||
|
<li className='interest-item'>
|
||
|
<Tooltip title={title}>
|
||
|
<FontAwesomeIcon
|
||
|
className='color-primary'
|
||
|
style={{
|
||
|
cursor: 'pointer',
|
||
|
height: '100%',
|
||
|
width: '100%',
|
||
|
display: 'block'
|
||
|
}}
|
||
|
icon={fontAwesomeIcon}
|
||
|
/>
|
||
|
</Tooltip>
|
||
|
</li>
|
||
|
|
||
|
<style jsx>
|
||
|
{`
|
||
|
.interest-item {
|
||
|
margin: 7px 5px;
|
||
|
width: 34px;
|
||
|
height: 34px;
|
||
|
}
|
||
|
`}
|
||
|
</style>
|
||
|
</>
|
||
|
)
|
||
|
}
|