import imgRectangle18609 from "figma:asset/84c8cfb942f3c96e9f5fbb29459a9861138f61d8.png";

export default function ItineneryCreation() {
  return (
    <div className="bg-[rgba(0,0,0,0.62)] relative rounded-[12px] size-full" data-name="Itinenery creation">
      <div className="flex flex-col items-center justify-center size-full">
        <div className="box-border content-stretch flex flex-col gap-[16px] items-center justify-center overflow-clip px-[12px] py-[32px] relative size-full">
          <div className="absolute h-[49px] left-0 rounded-tl-[12px] rounded-tr-[12px] top-0 w-[226px]">
            <div aria-hidden="true" className="absolute inset-0 pointer-events-none rounded-tl-[12px] rounded-tr-[12px]">
              <img alt="" className="absolute max-w-none object-50%-50% object-cover rounded-tl-[12px] rounded-tr-[12px] size-full" src={imgRectangle18609} />
              <div className="absolute bg-[rgba(0,0,0,0.42)] inset-0 rounded-tl-[12px] rounded-tr-[12px]" />
            </div>
          </div>
          <p className="font-['Poppins:SemiBold',_sans-serif] leading-[16px] not-italic relative shrink-0 text-[12px] text-nowrap text-white whitespace-pre">GET NOW</p>
          <div className="h-0 relative shrink-0 w-[226px]">
            <div className="absolute bottom-0 left-0 right-0 top-[-1px]">
              <svg className="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 226 1">
                <line id="Line 623" stroke="var(--stroke-0, #FFB23F)" strokeDasharray="6 6" x2="226" y1="0.5" y2="0.5" />
              </svg>
            </div>
          </div>
          <p className="font-['Merchant:Medium_Expanded',_sans-serif] font-medium leading-[1.3] min-w-full relative shrink-0 text-[#ffb23f] text-[24px] text-center tracking-[-0.96px]" style={{ width: "min-content", fontVariationSettings: "'wdth' 100" }}>
            Melbourne Unlimited Card
          </p>
        </div>
      </div>
      <div aria-hidden="true" className="absolute border-2 border-[#ffb23f] border-solid inset-0 pointer-events-none rounded-[12px]" />
    </div>
  );
}