Atoms ClearButton.tsx

75% Statements 3/4

100% Branches 0/0

0% Functions 0/1

75% Lines 3/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  
 
 
 
 
 
 
 
2x
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
  import React from 'react';
import { Pressable, StyleSheet, GestureResponderEvent } from 'react-native';
import { X } from '@sb/ui/components/atoms/Icons/index.native';
 
interface ClearButtonProps {
  onPress: (event: GestureResponderEvent) => void;
}
 
const ClearButton = ({ onPress }: ClearButtonProps) => (
  <Pressable style={styles.button} onPress={onPress}>
    <X size={10} width={12} height={12} color="black" />
  </Pressable>
);
 
const styles = StyleSheet.create({
  button: {
    marginHorizontal: 5,
    width: 10,
    height: 10,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    fontSize: 20,
    color: 'black',
  },
});
 
ClearButton.displayName = 'ClearButton';
export default ClearButton;