Restore types and imports for icons story

gravitational · Nov 8, 2024 · e9734ae · e9734ae
1 parent da96c54
commit e9734ae
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/web/packages/design/src/Icon/Icons.story.tsx b/web/packages/design/src/Icon/Icons.story.tsx
@@ -16,12 +16,14 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
+import { ComponentType } from 'react';
 
 import { Text } from '..';
 
 import Flex from './../Flex';
 
+import { IconProps } from './Icon';
+
 import * as Icon from '.';
 
 export default {
@@ -232,7 +234,13 @@ export const Icons = () => (
   </Flex>
 );
 
-const IconBox = ({ IconCmpt, text }) => (
+const IconBox = ({
+  IconCmpt,
+  text,
+}: {
+  IconCmpt: ComponentType<IconProps>;
+  text: string;
+}) => (
   <Flex m="10px" width="300px">
     <IconCmpt />
     <Text ml={2}>{text}</Text>