My Skills

// React Component with TypeScript
import { useState } from 'react';

type SkillProps = {
  name: string;
  level: number;
};

export function SkillMeter({ 
  name, 
  level 
}: SkillProps) {
  const [hovered, setHovered] = useState(false);
  
  return (
    <div className="skill-meter">
      <div className="skill-name">{name}</div>
      <div className="skill-level">{level}%</div>
    </div>
  );
}