import { Button } from '@/components/ui/button';
import { FiArrowUpLeft } from 'react-icons/fi';
import Link from 'next/link';

interface ViewProjectButtonProps {
  href: string;
}

const ViewProjectButton: React.FC<ViewProjectButtonProps> = ({ href }) => {
  return (
    <div className='w-full block'>
      <Button
        asChild
        className="w-full mt-1 md:mt-2 rounded-full px-3 py-1.5 font-normal h-11">
        <Link href={href}>
          <span className="text-xs md:text-base">
            {"عرض تفاصيل المشروع"}
          </span>
          <FiArrowUpLeft className="size-3 md:size-4" />
        </Link>
      </Button>
    </div>
  );
};

export default ViewProjectButton;