feat: multiselect styles

Author: gabitoesmiapodo

source/import/Multiselect/components/Checkbox.tsx

@@ -1,17 +1,17 @@
-import React from "react";
-import { Box, Text } from "ink";
-import figures from "figures";
+import figures from 'figures'
+import { Box, Text } from 'ink'
+import React from 'react'
 
 type CheckBoxProps = {
-  isSelected: boolean;
-};
+  isSelected: boolean
+}
 
 const CheckBox = ({ isSelected = false }: CheckBoxProps) => (
   <Box marginRight={1}>
-    <Text color="green">
+    <Text color={isSelected ? 'green' : 'white'}>
       {isSelected ? figures.circleFilled : figures.circle}
     </Text>
   </Box>
-);
+)
 
-export default CheckBox;
+export default CheckBox

source/import/Multiselect/components/Indicator.tsx

@@ -1,17 +1,15 @@
-import React from "react";
-import { Box, Text } from "ink";
-import figures from "figures";
+import figures from 'figures'
+import { Box, Text } from 'ink'
+import React from 'react'
 
 type IndicatorProps = {
-  isHighlighted: boolean;
-};
+  isHighlighted: boolean
+}
 
 const Indicator = ({ isHighlighted = false }: IndicatorProps) => (
   <Box marginRight={1}>
-    <Text color={isHighlighted ? "blue" : undefined}>
-      {isHighlighted ? figures.pointer : " "}
-    </Text>
+    <Text color={isHighlighted ? 'green' : undefined}>{isHighlighted ? figures.pointer : ' '}</Text>
   </Box>
-);
+)
 
-export default Indicator;
+export default Indicator

source/import/Multiselect/components/Item.tsx

@@ -1,13 +1,18 @@
-import React from "react";
-import { Text } from "ink";
+import { Text } from 'ink'
+import React from 'react'
 
 type ItemProps = {
-  isHighlighted: boolean;
-  label: string;
-};
+  isHighlighted: boolean
+  label: string
+}
 
 const Item = ({ isHighlighted = false, label }: ItemProps) => (
-  <Text color={isHighlighted ? "blue" : undefined}>{label}</Text>
-);
+  <Text
+    color={isHighlighted ? 'green' : 'white'}
+    bold={isHighlighted}
+  >
+    {label}
+  </Text>
+)
 
-export default Item;
+export default Item