import React from 'react';

export const Icon = ({ name, className = '', style = {} }) => (
  <span 
    className={`material-symbols-rounded ${className}`}
    style={{
      fontSize: '20px',
      background: 'var(--primary-gradient)',
      WebkitBackgroundClip: 'text',
      WebkitTextFillColor: 'transparent',
      fontVariationSettings: "'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 20",
      ...style
    }}
  >
    {name}
  </span>
);