1 files changed, 26 insertions, 0 deletions
diff --git a/public/projects/react-small-apps/apps/notebook/src/components/commons/Button/Button.js b/public/projects/react-small-apps/apps/notebook/src/components/commons/Button/Button.js
new file mode 100644
index 0000000..4580815
--- /dev/null
+++ b/public/projects/react-small-apps/apps/notebook/src/components/commons/Button/Button.js
@@ -0,0 +1,26 @@
+import "./Button.css";
+
+function Button({
+  children,
+  onClickHandler,
+  onBlurHandler,
+  modifier,
+  additionalClassnames,
+}) {
+  let classNames = modifier ? `btn btn--${modifier}` : "btn";
+  classNames = additionalClassnames
+    ? `${classNames} ${additionalClassnames}`
+    : classNames;
+
+  return (
+    <button
+      className={classNames}
+      onClick={onClickHandler}
+      onBlur={onBlurHandler}
+    >
+      {children}
+    </button>
+  );
+}
+
+export default Button;