feat: relocate Button atom from WEB

src/components/atoms/Button/Button.styles.module.scss

@@ -0,0 +1,29 @@
+@import '@digitable-team/web-ui-components/src/scss/mixins';
+
+.primary {
+  border: 1px solid $color-white;
+  border-radius: 6px;
+  padding: 18px 40px;
+  background: transparent;
+  color: $color-base;
+}
+
+.success {
+  border: 1px solid $color-base;
+  border-radius: 50px;
+  background: transparent;
+  color: $color-base;
+
+  &:hover {
+    opacity: 0.9;
+  }
+}
+
+.round {
+  border-radius: 36px;
+}
+
+.disabled {
+  color: $color-secondary;
+  border-color: $color-secondary;
+}

src/components/atoms/Button/Button.tsx

@@ -0,0 +1,44 @@
+import React, { ReactNode } from 'react'
+
+import cx from 'classnames'
+
+// eslint-disable-next-line css-modules/no-unused-class
+import css from './Button.styles.module.scss'
+
+export type ButtonProps = {
+  isRounded?: boolean
+  isDisabled?: boolean
+  className?: string
+  type: 'primary' | 'success'
+  buttonType?: 'button' | 'submit' | 'reset'
+  children?: ReactNode | string
+  name?: string
+  onClick?: () => void
+}
+
+export const Button = ({
+  isRounded,
+  buttonType,
+  type,
+  name,
+  children,
+  isDisabled,
+  className,
+  onClick
+}: ButtonProps) => {
+  return (
+    <button
+      disabled={isDisabled}
+      type={buttonType}
+      role={name}
+      name={name}
+      onClick={onClick}
+      className={cx(className, css[type], {
+        [css.round]: isRounded,
+        [css.disabled]: isDisabled
+      })}
+    >
+      {children}
+    </button>
+  )
+}

src/components/atoms/Button/index.ts

@@ -0,0 +1 @@
+export * from './Button'