'use client'

import { Button } from '@/components/ui/button'
import { ArrowRight } from 'lucide-react'

interface CustomSolutionCTAProps {
  title?: string
  description: string
  buttonText?: string
  buttonHref?: string
  className?: string
}

export function CustomSolutionCTA({
  title = "Need Something Custom?",
  description,
  buttonText = "Contact Us",
  buttonHref,
  className = ""
}: CustomSolutionCTAProps) {
  const handleClick = () => {
    if (buttonHref) {
      window.location.href = buttonHref
    }
  }

  return (
    <div className={`text-center mt-16 p-8 bg-muted/50 rounded-lg ${className}`}>
      <h3 className="text-2xl font-semibold mb-4">{title}</h3>
      <p className="text-muted-foreground mb-6">
        {description}
      </p>
      <Button size="lg" onClick={buttonHref ? handleClick : undefined}>
        {buttonText}
        <ArrowRight className="w-4 h-4 ml-2" />
      </Button>
    </div>
  )
}