Merge pull request #86 from enowdivine/button_component

Button and LinkButton component created

Author: orama254

src/components/Banner/Banner.tsx

@@ -5,7 +5,7 @@ export default function Banner() {
     <div>
       <div className="bg-white">
         <div
-          className="p-4"
+          className="p-4 text-danger"
           style={{
             background:
               'repeating-linear-gradient(-55deg, #222, rgb(34, 34, 34) 10px, rgb(234, 179, 8) 10px, rgb(234, 179, 8) 20px)',

src/components/Button/Button.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+type ButtonProps = React.ComponentProps<'button'>;
+
+const Button: React.FC<ButtonProps> = ({ children, ...props }) => {
+  return (
+    <button
+      type="button"
+      className="p-4 px-8 text-white font-bold bg-red-600 rounded block w-[200px] overflow-hidden whitespace-nowrap overflow-ellipsis text-center"
+      {...props}
+    >
+      {children}
+    </button>
+  );
+};
+
+export default Button;

src/components/LinkButton/LinkButton.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+type LinkButtonProps = React.ComponentProps<'a'>;
+
+const LinkButton: React.FC<LinkButtonProps> = ({ children, ...props }) => {
+  return (
+    <a
+      className="p-4 px-8 text-white font-bold bg-red-600 rounded block w-[200px] overflow-hidden whitespace-nowrap overflow-ellipsis text-center"
+      {...props}
+    >
+      {children}
+    </a>
+  );
+};
+
+export default LinkButton;