Icon

1'use client';
2 
3import { Icon as IconifyIcon } from '@iconify/react';
4import { useComponentConfig } from '../config-provider/context';
5import type { IconProps } from './types';
6 
7const Icon = (props: IconProps) => {
8  const contextConfig = useComponentConfig('icon');
9 
10  const { height = contextConfig?.height ?? '1.25em', width = contextConfig?.width ?? '1.25em', ...rest } = props;
11 
12  const mergedProps = {
13    ...contextConfig,
14    height,
15    width,
16    ...rest
17  };
18 
19  return <IconifyIcon {...mergedProps} />;
20};
21 
22Icon.displayName = 'Icon';
23 
24export default Icon;