2023-10-23 23:11:59 +02:00
|
|
|
import htmlParser from "html-react-parser"
|
2024-01-23 23:59:10 +01:00
|
|
|
import { faCode, faMicrochip } from "@fortawesome/free-solid-svg-icons"
|
|
|
|
import { faGit } from "@fortawesome/free-brands-svg-icons"
|
|
|
|
|
|
|
|
export const InterestsIcons = {
|
|
|
|
code: faCode,
|
|
|
|
"open-source": faGit,
|
|
|
|
"high-tech": faMicrochip,
|
|
|
|
} as const
|
2021-04-18 01:56:23 +02:00
|
|
|
|
|
|
|
export interface InterestParagraphProps {
|
|
|
|
title: string
|
|
|
|
description: string
|
2024-01-23 23:59:10 +01:00
|
|
|
id: keyof typeof InterestsIcons
|
2021-04-18 01:56:23 +02:00
|
|
|
}
|
|
|
|
|
2023-08-01 17:22:09 +02:00
|
|
|
export const InterestParagraph = (
|
2023-10-23 23:11:59 +02:00
|
|
|
props: InterestParagraphProps,
|
2023-08-01 17:22:09 +02:00
|
|
|
): JSX.Element => {
|
2021-04-18 01:56:23 +02:00
|
|
|
const { title, description } = props
|
|
|
|
|
|
|
|
return (
|
|
|
|
<>
|
2023-10-23 23:11:59 +02:00
|
|
|
<p className="my-6 text-center text-gray dark:text-gray-dark">
|
|
|
|
<strong className="text-lg font-semibold text-yellow dark:text-yellow-dark">
|
2021-05-08 19:52:04 +02:00
|
|
|
{title}
|
|
|
|
</strong>
|
2021-04-18 01:56:23 +02:00
|
|
|
<br />
|
2021-06-10 00:17:52 +02:00
|
|
|
<span>{htmlParser(description)}</span>
|
2021-04-18 01:56:23 +02:00
|
|
|
</p>
|
|
|
|
</>
|
|
|
|
)
|
|
|
|
}
|