1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Files
.profile/components/Interests/InterestParagraph.tsx
2024-01-23 23:59:10 +01:00

34 lines
827 B
TypeScript

import htmlParser from "html-react-parser"
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
export interface InterestParagraphProps {
title: string
description: string
id: keyof typeof InterestsIcons
}
export const InterestParagraph = (
props: InterestParagraphProps,
): JSX.Element => {
const { title, description } = props
return (
<>
<p className="my-6 text-center text-gray dark:text-gray-dark">
<strong className="text-lg font-semibold text-yellow dark:text-yellow-dark">
{title}
</strong>
<br />
<span>{htmlParser(description)}</span>
</p>
</>
)
}