src/components/Button/index.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import React, { CSSProperties } from "react";

import * as Styled from "./index.styled";
import { theme } from "../../constants";

interface Props {
  style?: CSSProperties;
  variant?: keyof typeof theme;
  children: React.ReactNode;
  onClick?: () => void;
}

export function Button({ onClick, style, variant, children }: Props) {
  return (
    <Styled.Button onClick={onClick} variant={variant} style={style}>
      {children}
    </Styled.Button>
  );
}