import React, { ReactNode } from 'react';

export type IconSizes =
  | 'small'
  | 'default'
  | 'regular'
  | 'medium'
  | 'big'
  | 'large';

export interface IconProps {
  size?: IconSizes;
  className?: string;
  color?: string;
  children?: ReactNode;
}

const Icon: React.FC<IconProps> = ({ size, className, children }) => (
  <i className={`icon ${size || ' default'}${className || ''}`}>
    <svg width="100%" height="100%" viewBox="0 0 65 65">
      {children}
    </svg>
  </i>
);

export default Icon;
