"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Live Demo Form",description:"See the form system in action with a fully functional interactive example featuring validation, error states, and submission handling.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-teal-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.Play,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(a.Typography,{tag:"h2",className:"mb-2",children:"Interactive Example"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Navigate to the full form example to interact with all input types, validation modes, and form methods"})]}),e.jsx(a.CardContainer,{children:e.jsx("div",{className:"w-full p-6 sm:p-8 space-y-6",children:e.jsxs("div",{className:"flex flex-col items-center text-center space-y-4",children:[e.jsx("div",{className:"p-4 rounded-full bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800",children:e.jsx(s.ExternalLink,{className:"w-8 h-8 text-white"})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Typography,{tag:"h3",className:"font-semibold text-lg",children:"Form Example Page"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 max-w-md",children:"A complete form with all available input types, centralized validation, real-time error feedback, and submission handling."})]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(a.Button,{size:"medium",children:e.jsx(a.AnchorLink,{to:"/form-system/example",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Play,{className:"w-4 h-4"}),"Open Form Example"]})})}),e.jsx(a.Button,{size:"medium",variant:"ghost",children:e.jsx(a.AnchorLink,{to:"/form-system/code-example",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Code,{className:"w-4 h-4"}),"View Source Code"]})})})]})]})})})]})]});exports.default=r;
