import { IconProps } from '@chakra-ui/react';
import { createIcon } from '@chakra-ui/icons';

const [w, h] = [24, 24];

const Icon = createIcon({
  displayName: 'AddIcon',
  viewBox: `0 0 ${w} ${h}`,
  path: (
    <svg width={w} height={h} fill='none' xmlns='http://www.w3.org/2000/svg'>
      <g fill="currentColor">
        <rect height="2" width="20" x="2" y="11"></rect>
        <rect height="20" width="2" x="11" y="2"></rect>
      </g>
    </svg>
  )
});

export const AddIcon: React.FC<IconProps> = props => (
  <Icon h={h} w={w} color='primary' {...props} />
);
