devscard/src/web/sections/skills/skill-level.astro
2023-01-20 16:13:03 +01:00

16 lines
398 B
Text

---
import type { SkillLevel } from '@/types/sections/skills-section.types';
import SkillLevelTile from './skill-level-tile.astro';
export interface Props {
skillLevel: SkillLevel;
}
const { skillLevel } = Astro.props;
const levels = [1, 2, 3, 4, 5] as const;
---
<div class="flex gap-1">
{levels.map((tileLevel) => <SkillLevelTile tileLevel={tileLevel} skillLevel={skillLevel} />)}
</div>