import { Button } from "./Button"

export function Price() {
  return (
    <>
      <div className="mt-8 overflow-hidden rounded-lg bg-slate-50 shadow md:mt-0">
        <div className="px-4 pt-5 sm:px-6">
          <h3 className="text-lg font-medium leading-6 text-black">
            Cena za školení
          </h3>
        </div>
        <div className=" px-4 pb-5 pt-2">
          <dl className="sm:divide-y sm:divide-slate-400">
            <div className="py-4 sm:grid sm:grid-cols-2 sm:gap-4 sm:py-5 sm:px-6">
              <dt className="font-medium text-slate-700">
                Veřejný termín
              </dt>
              <dd className="mt-1 text-black sm:mt-0">
                5500 CZK bez DPH
              </dd>
            </div>
            <div className="py-4 sm:grid sm:grid-cols-2 sm:gap-4 sm:py-5 sm:px-6">
              <dt className="font-medium text-slate-700">
                Firemní školení
              </dt>
              <dd className="mt-1 text-black sm:mt-0">
                19 000 CZK bez DPH
              </dd>
            </div>
          </dl>
        </div>
      </div>
      <div className="mt-8">
        <Button
          variant="solid"
          color="amber"
          className="w-full text-lg font-medium"
          href="mailto:iam@vojtechmares.com"
        >
          Nezávazně poptat
        </Button>
      </div>
    </>
  )
}