26 lines
615 B
JavaScript
26 lines
615 B
JavaScript
const names = {
|
|
js: 'javascript'
|
|
}
|
|
|
|
const Highlight = ({
|
|
children=[],
|
|
className='language-js',
|
|
lang='js'
|
|
}) => {
|
|
|
|
const language = lang
|
|
? lang
|
|
: (className === '') ? 'js' : className.split('-').pop()
|
|
|
|
return (
|
|
<div className="hljs my-4">
|
|
<div className={`text-xs uppercase font-bold text-neutral-content mt-1 text-center border-b border-neutral-content border-opacity-25 py-1 mb-2 lg:text-sm`}>
|
|
{names[language] ? names[language] : language}
|
|
</div>
|
|
<pre className="language-js hljs text-base lg:text-lg">{children}</pre>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Highlight
|
|
|