buttons Button.tsx

100% Statements 4/4

100% Branches 2/2

100% Functions 1/1

100% Lines 4/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
32
33
34
35 2x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
7x
 
 
 
 
 
 
 
 
 
 
 
 
  import React from "react";
import { StyledButton } from "./style";
 
export interface ButtonProps
  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  readonly id?: string;
  readonly size?: "small" | "medium" | "large";
  readonly variant?:
    | "normal"
    | "primary"
    | "transparent"
    | "underlined"
    | "anchor";
  readonly active?: boolean;
}
 
export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
  (
    { id, size = "medium", variant = "normal", active, ...props }: ButtonProps,
    ref,
  ) => {
    return (
      <StyledButton
        ref={ref}
        id={id}
        $size={size}
        $variant={variant}
        $active={active}
        data-is-active={active}
        {...props}
      />
    );
  },
);