1import { Flex } from '@chakra-ui/react';
 2import { FC, useState } from 'react';
 3import { ChakraIcon } from 'types';
 4
 5type SystemPropertyStatusProps = {
 6    value: number | string;
 7    StatusIcon: ChakraIcon;
 8}
 9
10export const SystemPropertyStatus: FC<SystemPropertyStatusProps> = ({ value, StatusIcon }) => {
11  const [valueState,] = useState(value);
12  return (
13    <Flex flexDirection="row">
14      <StatusIcon />
15      <span>{valueState}</span>
16    </Flex>
17  );
18};