components stacking-term.tsx

0% Statements 0/6

100% Branches 0/0

0% Functions 0/1

0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Flex, Text, Stack, FlexProps, color } from '@stacks/ui';
import React, { FC } from 'react';
 
export interface StackingTermItem extends FlexProps {
  title: string;
  icon: FC<any>;
}
export const StackingTermItem: FC<StackingTermItem> = props => {
  const { title, icon: Icon, children, ...rest } = props;
  return (
    <Flex alignItems="baseline" {...rest}>
      <Flex width="16px" mr="base-tight">
        <Icon width="16px" height="16px" />
      </Flex>
      <Stack spacing="extra-tight">
        <Text as="h3" textStyle="body.large.medium">
          {title}
        </Text>
        <Stack spacing="base" textStyle="body.large" color={color('text-caption')}>
          {children}
        </Stack>
      </Stack>
    </Flex>
  );
};