"use client";
import { Button } from "@/components/ui/button";
import { LucideChevronLeft, LucideChevronRight } from "lucide-react";
import Link from "next/link";
import { useParams } from "next/navigation";
import React from "react";

export const ViewBioButton = () => {
  const { username } = useParams();
  return (
    <header className="w-full flex justify-end">
      <Link href={`/contact-platform/${username}/bio`}>
        <Button variant={"link"} className="rounded-full ">
          View Bio <LucideChevronRight className="icon" />
        </Button>
      </Link>
    </header>
  );
};
export const ViewProfileButton = () => {
  const { username } = useParams();
  return (
    <header className="w-full flex justify-end">
      <Link href={`/contact-platform/${username}`}>
        <Button variant={"link"} className="rounded-full ">
          <LucideChevronLeft className="icon" />
          View Profile
        </Button>
      </Link>
    </header>
  );
};