My personal website
renderg.host
1import { cn } from '@/lib/utils';
2import React from 'react';
3import { Skill } from '@/components/Skill/Skill';
4import { skillsStyles } from './Skills.styles';
5import { SkillsProps } from './Skills.types';
6
7export const Skills: React.FC<SkillsProps> = ({ items, className = '' }) => (
8 <div className={cn(skillsStyles.wrapper, className)}>
9 {items.map((item) => (
10 <Skill
11 key={item.skillTitle}
12 skillArtwork={item.skillArtwork}
13 skillTitle={item.skillTitle}
14 skillDescription={item.skillDescription}
15 skillApproach={item.skillApproach}
16 skillTags={item.skillTags}
17 />
18 ))}
19 </div>
20);