Merge pull request #310 from IT-Start-Gjovik/buttonComponent

Button component

app/(site)/for-bedrifter/page.tsx

@@ -6,6 +6,7 @@ import ListIcon from '@/components/listIcon/listIcon';
 import { InboxIcon, MapIcon, PhoneIcon } from '@heroicons/react/20/solid';
 import dynamic from 'next/dynamic';
 import Image from 'next/image';
+import Button from '@/components/Button/button';
 
 const Map = dynamic(() => import('@/components/map/map'), { ssr: false, loading: () => <Spinner /> });
 export default function ForCompany() {

components/Button/button.tsx

@@ -0,0 +1,22 @@
+import Link from "next/link";
+
+interface ButtonProps {
+    text: string;
+    link: string;
+    adaptiv?: boolean;
+}
+
+export default function Button({ text, link, adaptiv }: ButtonProps) {
+    return (
+        <Link href={link}>
+            <button
+                className={`ring-2 ring-[#B2C51F] text-white hover:text-[#B2C51F] bg-[#B2C51F] 
+                            hover:bg-transparent hover:ease-out hover:duration-300
+                            active:ring-black active:text-black active:duration-0 
+                            px-[27px] py-[8px] rounded-full font-bold
+                            ${adaptiv ? 'w-full' : 'w-auto'}`}>
+                {text}
+            </button>
+        </Link>
+    );
+}