chore: linting

Author: gabitoesmiapodo

source/cli.tsx

@@ -1,6 +1,5 @@
 #!/usr/bin/env node
 import { render } from 'ink'
-import React from 'react'
 import App from './app.js'
 
 console.clear()

source/components/Ask.tsx

@@ -1,6 +1,6 @@
 import { Box, Text } from 'ink'
 import TextInput from 'ink-text-input'
-import React, { type FC, useMemo, useState } from 'react'
+import { type FC, useMemo, useState } from 'react'
 import { isAnswerConfirmed } from '../utils/utils.js'
 
 interface Props {

source/components/Divider.tsx

@@ -1,5 +1,5 @@
 import BaseDivider from 'ink-divider'
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 
 const Divider: FC<{ title: string }> = ({ title }) => (
   <BaseDivider

source/components/MainTitle.tsx

@@ -1,6 +1,6 @@
 import BigText from 'ink-big-text'
 import Gradient from 'ink-gradient'
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 
 const MainTitle: FC = () => (
   <Gradient colors={['#ff438c', '#bb1d79', '#8b46a4', '#6a2581']}>

source/components/Multiselect/MultiSelect.tsx

@@ -1,5 +1,5 @@
 import { Box, useInput } from 'ink'
-import React, { useCallback, useState } from 'react'
+import { createElement, useCallback, useState } from 'react'
 import CheckBox from './components/Checkbox.js'
 import Indicator from './components/Indicator.js'
 import ItemComponent from './components/Item.js'
@@ -113,9 +113,9 @@ const MultiSelect = <T,>({
 
         return (
           <Box key={key}>
-            {React.createElement(indicatorComponent, { isHighlighted })}
-            {React.createElement(checkboxComponent, { isSelected })}
-            {React.createElement(itemComponent, {
+            {createElement(indicatorComponent, { isHighlighted })}
+            {createElement(checkboxComponent, { isSelected })}
+            {createElement(itemComponent, {
               ...item,
               isHighlighted,
             })}

source/components/Multiselect/components/Checkbox.tsx

@@ -1,6 +1,5 @@
 import figures from 'figures'
 import { Box, Text } from 'ink'
-import React from 'react'
 
 type CheckBoxProps = {
   isSelected: boolean

source/components/Multiselect/components/Indicator.tsx

@@ -1,6 +1,5 @@
 import figures from 'figures'
 import { Box, Text } from 'ink'
-import React from 'react'
 
 type IndicatorProps = {
   isHighlighted: boolean

source/components/Multiselect/components/Item.tsx

@@ -1,5 +1,4 @@
 import { Text } from 'ink'
-import React from 'react'
 
 type ItemProps = {
   isHighlighted: boolean

source/components/steps/CloneRepo/CloneRepo.tsx

@@ -1,4 +1,4 @@
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import Divider from '../../Divider.js'
 import Commands from './Commands.js'
 

source/components/steps/CloneRepo/Commands.tsx

@@ -2,7 +2,7 @@ import { join } from 'node:path'
 import * as process from 'node:process'
 import { Box, Text } from 'ink'
 import { Script, Spawn } from 'ink-spawn'
-import React, { type FC } from 'react'
+import type { FC } from 'react'
 import { repoUrl } from '../../../constants/config.js'
 
 interface Props {