import LeftFrame from "./assets/LeftFrame"
import RightFrame from "./assets/RightFrame"

export default function FinishSection({
  className = "",
  onClick,
  buttonText = "Finish",
}: FinishSectionProps) {
  return (
    <div className={`flex flex-col justify-end self-stretch pt-9 ${className}`}>
      <div className="flex items-center justify-center w-full">
        <LeftFrame className="h-10 w-8 flex-shrink-0" />
        <button
          className="flex items-center justify-center self-stretch w-full bg-yellow-400 px-32 py-2"
          onClick={onClick}
        >
          <div className="font-sora flex-grow text-center font-semibold leading-normal text-neutral-950">
            {buttonText}
          </div>
        </button>
        <RightFrame className="h-10 w-8 flex-shrink-0" />
      </div>
    </div>
  )
}

interface FinishSectionProps {
  className?: string
  onClick?: () => void
  buttonText?: string
}
