2022-07-27 22:38:43 +03:00

29 lines
418 B
Plaintext

---
import { Icon } from 'astro-icon';
import './SkillsBlock.scss';
export interface Props {
data: SkillsType;
}
const {
data: { title, list },
} = Astro.props as Props;
---
<div class='skills-block'>
<div>
<h3>{title}</h3>
</div>
<div>
<ul>
{list.map((entry) => (
<li>
{entry.icon && <Icon name={entry.icon} width="20" height="20" />}
{entry.name}
</li>
))}
</ul>
</div>
</div>