Search ArrowButton.tsx

0% Statements 0/3

100% Branches 0/0

0% Functions 0/1

0% Lines 0/3

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
32
33
34
35  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { IconButton, IconProps } from "@chakra-ui/react";
import type { FunctionComponent } from "react";
 
export interface ArrowButtonProps {
  "data-event"?: string;
  "data-testid"?: string;
  icon: FunctionComponent<IconProps>;
  label: string;
  onClick?: () => void;
}
 
export const ArrowButton: FunctionComponent<ArrowButtonProps> = ({
  "data-event": dataEvent,
  "data-testid": dataTestid,
  icon: Icon,
  label,
  onClick,
}) => {
  const props = {
    "aria-label": label,
    borderRadius: "md",
    borderColor: "blue.500",
    colorScheme: "blue",
    "data-event": dataEvent,
    "data-testid": dataTestid,
    icon: <Icon color="blue.500" h={5} w={5} />,
    mx: 2,
    h: 10,
    w: 10,
    variant: "outline",
  };
 
  return <IconButton {...props} disabled={!onClick} onClick={onClick} />;
};