components modal-header.tsx

0% Statements 0/5

100% Branches 0/0

0% Functions 0/1

0% Lines 0/4

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
27
28
29
30
31  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Text, color, Flex, IconButton, CloseIcon, FlexProps } from '@stacks/ui';
import React, { FC } from 'react';
 
interface TxModalHeaderProps extends FlexProps {
  onSelectClose: () => void;
}
 
export const ModalHeader: FC<TxModalHeaderProps> = ({ children, onSelectClose, ...props }) => (
  <Flex
    minHeight="84px"
    px="extra-loose"
    alignItems="center"
    borderBottom={`1px solid ${color('border')}`}
    justifyContent="space-between"
    {...props}
  >
    <Text as="h2" textStyle="display.small">
      {children}
    </Text>
    <IconButton
      right="-16px"
      onClick={onSelectClose}
      icon={CloseIcon}
      cursor="pointer"
      p="tight"
      iconSize="12px"
      _focus={{ backgroundColor: 'ink.200' }}
    />
  </Flex>
);