import { ReactNode } from 'react';
import { RtIconProps } from './create-icon.types';
import cn from 'classnames';
import styles from '../styles/create-icon.module.css';
import config from '../styles/component-values-icon.module.css';

export const createIcon = (svgNode: () => ReactNode) => {
  return ({ size = 'md', specification = 'main' }: RtIconProps) => {
    return (
      <span
        role="img"
        className={cn(
          config['rt-icon-config'],
          styles['rt-icon'],
          styles[`rt-icon--${size}`],
          styles[`rt-icon--color-${specification}`]
        )}
      >
        {svgNode()}
      </span>
    );
  };
};