import React from 'react'
import ReactIcon from './icons/react.svg'
import AngularIcon from './icons/angular.svg'
import JSIcon from './icons/javascript.svg'
import NPMIcon from './icons/npm.svg'
import TSIcon from './icons/typescript.svg'
import VueIcon from './icons/vue.svg'
import ReduxIcon from './icons/redux.svg'

const icons = [
  { size: 'md', type: 'outline', icon: null },
  { size: 'lg', type: 'fill', icon: <ReactIcon /> },
  { size: 'sm', type: 'outline', icon: null },
  { size: 'lg', type: 'outline', icon: <AngularIcon /> },
  { size: 'md', type: 'outline', icon: null },
  { size: 'md', type: 'fill', icon: <VueIcon /> },
  { size: 'sm', type: 'outline', icon: null },
  { size: 'md', type: 'outline', icon: null },
  { size: 'sm', type: 'outline', icon: null },
  { size: 'lg', type: 'outline', icon: <JSIcon /> },
  { size: 'md', type: 'fill', icon: null },
  { size: 'md', type: 'outline', icon: null },
  { size: 'md', type: 'outline', icon: null },
  { size: 'sm', type: 'fill', icon: <ReduxIcon /> },
  { size: 'sm', type: 'fill', icon: null },
  { size: 'md', type: 'outline', icon: null },
  { size: 'lg', type: 'fill', icon: <TSIcon /> },
  { size: 'sm', type: 'outline', icon: null },
  { size: 'sm', type: 'outline', icon: null },
  { size: 'md', type: 'fill', icon: <NPMIcon /> },
  { size: 'sm', type: 'outline', icon: null },
  { size: 'sm', type: 'outline', icon: null },
]

export default icons
