chore: use React.FC instead of FC

examples/Basic.tsx

@@ -1,10 +1,10 @@
-import React, { FC, useState } from 'react'
+import React, { useState } from 'react'
 import { chessOptions } from './data/options'
 import ColumnSelect from '../src'
 
-const Basic: FC = () => {
+const Basic: React.FC = () => {
   const [selected, setSelected] = useState([])
-  
+
   return (
     <div>
       <p>Choose your favorite chess pieces.</p>

examples/ReactHookForm.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import React from 'react'
 import { useForm, Controller } from 'react-hook-form'
 import ColumnSelect from '../src'
 import type { OptionType } from '../src/types'
@@ -9,7 +9,7 @@ type FormData = {
   favorites: string[]
 }
 
-const ReactHookForm: FC = () => {
+const ReactHookForm: React.FC = () => {
   const { register, control, setValue, handleSubmit } = useForm()
 
   const onSubmit = (data: FormData) => {

src/ColumnSelect.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useMemo, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 import Container from './components/container/container'
 import type {
   OptionType,
@@ -67,7 +67,7 @@ interface ColumnSelectProps {
   theme?: Theme
 }
 
-const ColumnSelect: FC<ColumnSelectProps> = ({
+const ColumnSelect: React.FC<ColumnSelectProps> = ({
   options,
   onChange,
   defaultValue = [],

src/components/button/button.tsx

@@ -1,4 +1,4 @@
-import React, { FC, ReactElement } from 'react'
+import React, { ReactElement } from 'react'
 import type { Theme } from '../../types'
 import { Button as StyledButton, ButtonIcon } from './button.styles'
 
@@ -41,7 +41,7 @@ interface ButtonProps {
   theme: Theme
 }
 
-const Button: FC<ButtonProps> = ({
+const Button: React.FC<ButtonProps> = ({
   leftIcon,
   rightIcon,
   label,

src/components/container/container.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useState, KeyboardEvent, ChangeEvent, useMemo } from 'react'
+import React, { useState, KeyboardEvent, ChangeEvent, useMemo } from 'react'
 import {
   Grid,
   GridItemHeaderLeft,
@@ -99,7 +99,7 @@ interface ContainerProps {
   theme: Theme
 }
 
-const Container: FC<ContainerProps> = ({
+const Container: React.FC<ContainerProps> = ({
   leftHeader,
   rightHeader,
   current,

src/components/icons/AddAll.tsx

@@ -1,11 +1,11 @@
-import React, { FC } from 'react'
+import React from 'react'
 
 /**
  * Icons by Heroicons
  * https://github.com/tailwindlabs/heroicons
  */
 
-const AddAll: FC = () => (
+const AddAll: React.FC = () => (
   <svg
     stroke='currentColor'
     fill='currentColor'

src/components/icons/AddIcon.tsx

@@ -1,11 +1,11 @@
-import React, { FC } from 'react'
+import React from 'react'
 
 /**
  * Icons by Heroicons
  * https://github.com/tailwindlabs/heroicons
  */
 
-const AddIcon: FC = () => (
+const AddIcon: React.FC = () => (
   <svg
     stroke='currentColor'
     fill='currentColor'

src/components/icons/RemoveAll.tsx

@@ -1,11 +1,11 @@
-import React, { FC } from 'react'
+import React from 'react'
 
 /**
  * Icons by Heroicons
  * https://github.com/tailwindlabs/heroicons
  */
 
-const RemoveAll: FC = () => (
+const RemoveAll: React.FC = () => (
   <svg
     stroke='currentColor'
     fill='currentColor'

src/components/icons/RemoveIcon.tsx

@@ -1,11 +1,11 @@
-import React, { FC } from 'react'
+import React from 'react'
 
 /**
  * Icons by Heroicons
  * https://github.com/tailwindlabs/heroicons
  */
 
-const RemoveIcon: FC = () => (
+const RemoveIcon: React.FC = () => (
   <svg
     stroke='currentColor'
     fill='currentColor'

src/components/option/option.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react'
+import React from 'react'
 import type { OptionType, Theme } from '../../types'
 import { OptionButton } from './option.style'
 
@@ -26,7 +26,7 @@ interface OptionProps {
   theme: Theme
 }
 
-const Option: FC<OptionProps> = ({
+const Option: React.FC<OptionProps> = ({
   label,
   isSelected,
   onClick,

stories/ColumnSelect.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Story, Meta } from '@storybook/react'
+import type { Story, Meta } from '@storybook/react'
 
 import ColumnSelect, { options } from './ColumnSelect'
 

stories/ColumnSelect.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useState } from 'react'
+import React, { useState } from 'react'
 import ColumnSelect from '../src'
 import type { OptionsType, Theme } from '../src/types'
 import './column_select.css'
@@ -22,7 +22,7 @@ export const options = [
   { value: 'king', label: 'King' },
 ]
 
-const ColumnSelectExample: FC<ColumnSelectProps> = ({
+const ColumnSelectExample: React.FC<ColumnSelectProps> = ({
   theme,
   defaultValue,
   max,