'use client'
import React, { useState } from 'react'
import { PhoneIcon } from '@heroicons/react/24/outline'
import { cn } from '../lib/utils'
import Link from 'next/link'

const CallNowBtn = ({ classNames, expert, isUser, search }: any) => {
  return (
    <>
      <Link href={!isUser ? '/signin' : `/calendar?expertId=${expert?.id}`}>
        <button
          className={cn(
            `flex justify-center gap-1 items-center rounded-[55px] font-semibold text-sm lg:text-base ${!search ? 'text-blue-500' : 'text-white'}`,
            classNames
          )}
          disabled={isUser?.userId === expert?.id}
        >
          <PhoneIcon
            className={` ${!search ? 'text-blue-500' : 'text-white'} w-6  h-6"`}
          />
          <div className='whitespace-nowrap'>
            Call Now
          </div>
        </button>
      </Link>
    </>
  )
}

export default CallNowBtn