json-theme-even-fork/components/languages.js

18 lines
425 B
JavaScript

import html from '../utils/html.js'
export default function Languages(languages = []) {
return languages.length > 0 && html`
<section id="languages">
<h3>Languages</h3>
<div class="grid-list">
${languages.map(({ fluency, language }) => html`
<div>
${language && html`<h4>${language}</h4>`}
${fluency}
</div>
`)}
</div>
</section>
`
}