"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", blockquote: "blockquote", code: "code", div: "div", em: "em", h2: "h2", h3: "h3", hr: "hr", li: "li", p: "p", path: "path", pre: "pre", span: "span", strong: "strong", svg: "svg", table: "table", tbody: "tbody", td: "td", th: "th", thead: "thead", tr: "tr", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.p, { children: ["When you’re writing content in Flowershow, most of the time Markdown “just works.” But if you start using ", _jsx(_components.strong, { children: "MDX" }), " — which lets you include JSX blocks, e.g. Flowershow components like ", _jsx(_components.code, { className: "language-auto", children: "" }), " — you might run into error messages like this one:"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-auto code-highlight", children: _jsx(_components.span, { className: "code-line", children: "Unexpected character `'` in attribute name\n" }) }) }), "\n", _jsx(_components.p, { children: "Don’t worry — you didn’t break anything." }), "\n", _jsx(_components.p, { children: "It just means MDX needs a clearer hint about what you’re trying to do." }), "\n", _jsxs(_components.p, { children: ["This guide walks you through what the most common MDX errors actually mean — in ", _jsx(_components.strong, { children: "plain language" }), " — and how to fix them."] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "why-does-mdx-error-sometimes", children: [_jsx(_components.a, { className: "heading-link", href: "#why-does-mdx-error-sometimes", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Why does MDX error sometimes?"] }), "\n", _jsx(_components.p, { children: "Markdown treats everything as text." }), "\n", _jsxs(_components.p, { children: ["MDX is Markdown ", _jsx(_components.strong, { children: "plus" }), " the ability to write JSX inside your content."] }), "\n", _jsx(_components.p, { children: "So when MDX sees:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-auto code-highlight", children: _jsx(_components.span, { className: "code-line", children: "\n" }) }) }), "\n", _jsx(_components.p, { children: "it assumes you’re trying to use a component — just like you would in React." }), "\n", _jsx(_components.p, { children: "That’s powerful, but it also means MDX needs to interpret things more strictly than Markdown. Sometimes it gets confused and needs us to be explicit." }), "\n", _jsxs(_components.h2, { id: "most-common-errors", children: [_jsx(_components.a, { className: "heading-link", href: "#most-common-errors", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Most common errors"] }), "\n", _jsxs(_components.h3, { id: "unexpected-characterx-in-attribute-name", children: [_jsx(_components.a, { className: "heading-link", href: "#unexpected-characterx-in-attribute-name", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "\"Unexpected character 'x' in attribute name\""] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Plain English explanation:" }) }), "\n", _jsxs(_components.p, { children: ["You probably used ", _jsx(_components.code, { className: "language-auto", children: "<" }), " in your writing as a normal character — for math, notation, or emphasis — but MDX thought you were trying to create a component."] }), "\n", _jsx(_components.p, { children: "Example — you meant to write math or notation:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-auto code-highlight", children: _jsx(_components.span, { className: "code-line", children: "The set has two members\n" }) }) }), "\n", _jsxs(_components.p, { children: ["But MDX sees ", _jsx(_components.code, { className: "language-auto", children: "" }), ":"] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mdx code-highlight", children: _jsx(_components.span, { className: "code-line", children: "The set \\; has two members\n" }) }) }), "\n", _jsx(_components.p, { children: "or like this:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mdx code-highlight", children: _jsx(_components.span, { className: "code-line", children: "The set <a, b> has two members\n" }) }) }), "\n", _jsx(_components.p, { children: "or add some spaces:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mdx code-highlight", children: _jsx(_components.span, { className: "code-line", children: "The set < a, b > has two members\n" }) }) }), "\n", _jsx(_components.p, { children: "or wrap the entire expression in backticks:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mdx code-highlight", children: _jsx(_components.span, { className: "code-line", children: "The set `` has two members\n" }) }) }), "\n", _jsxs(_components.p, { children: ["Both tell MDX: ", _jsx(_components.em, { children: "“Relax, it’s just text.”" })] }), "\n", _jsxs(_components.h3, { id: "expected-closing-tag--unterminated-tag", children: [_jsx(_components.a, { className: "heading-link", href: "#expected-closing-tag--unterminated-tag", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "“Expected closing tag” / “Unterminated tag”"] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Plain English explanation:" }) }), "\n", _jsxs(_components.p, { children: ["MDX saw something like ", _jsx(_components.code, { className: "language-auto", children: "

" }), " and expected you to eventually write ", _jsx(_components.code, { className: "language-auto", children: "

" }), ", but never saw it."] }), "\n", _jsxs(_components.p, { children: ["Or you meant to make it self-closing but forgot ", _jsx(_components.code, { className: "language-auto", children: "/>" }), "."] }), "\n", _jsx(_components.p, { children: "For example:" }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-mdx code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: "This is useful information\n" })] }) }), "\n", _jsxs(_components.p, { children: ["MDX keeps scanning the file waiting for ", _jsx(_components.code, { className: "language-auto", children: "

" }), " — and never finds it."] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Fix" }) }), "\n", _jsx(_components.p, { children: "Close the tag:" }), "\n", _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-mdx code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: "This is useful information\n" }), _jsx(_components.span, { className: "code-line", children: "

\n" })] }) }), "\n", _jsx(_components.p, { children: "Or if it’s just a standalone component:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mdx code-highlight", children: _jsx(_components.span, { className: "code-line", children: "\n" }) }) }), "\n", _jsxs(_components.h3, { id: "xyz-is-not-defined", children: [_jsx(_components.a, { className: "heading-link", href: "#xyz-is-not-defined", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "“xyz is not defined”"] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Plain English explanation:" }) }), "\n", _jsxs(_components.p, { children: ["Anything inside ", _jsx(_components.code, { className: "language-auto", children: "{…}" }), " in MDX is treated as ", _jsx(_components.strong, { children: "JavaScript" }), ", not text."] }), "\n", _jsxs(_components.p, { children: ["So if MDX sees ", _jsx(_components.code, { className: "language-auto", children: "{word}" }), ", it tries to evaluate it — and errors if it’s not valid JS (e.g. ", _jsx(_components.code, { className: "language-auto", children: "word" }), " variable is not defined)."] }), "\n", _jsx(_components.p, { children: "This often happens when you’re trying to literally show something in braces, like set notation:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mdx code-highlight", children: _jsx(_components.span, { className: "code-line", children: "{a, b, c}\n" }) }) }), "\n", _jsx(_components.p, { children: "MDX thinks you’re trying to run JavaScript and says:" }), "\n", _jsxs(_components.blockquote, { children: ["\n", _jsx(_components.p, { children: "“I don’t know what a is!”" }), "\n"] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Fix" }) }), "\n", _jsxs(_components.p, { children: ["Tell MDX it’s ", _jsx(_components.strong, { children: "not code" }), ", just text:"] }), "\n", _jsx(_components.p, { children: "Option A — wrap in backticks:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mdx code-highlight", children: _jsx(_components.span, { className: "code-line", children: "`{a, b, c}`\n" }) }) }), "\n", _jsx(_components.p, { children: "Option B — escape braces:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-auto code-highlight", children: _jsx(_components.span, { className: "code-line", children: "{a, b, c}\n" }) }) }), "\n", _jsxs(_components.h3, { id: "mdx-rendering-errors", children: [_jsx(_components.a, { className: "heading-link", href: "#mdx-rendering-errors", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "MDX rendering errors"] }), "\n", _jsxs(_components.p, { children: ["Sometimes your MDX content will ", _jsx(_components.em, { children: "parse correctly" }), " but still fail when the page tries to ", _jsx(_components.strong, { children: "render" }), " it."] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "In plain English:" }) }), "\n", _jsxs(_components.blockquote, { children: ["\n", _jsx(_components.p, { children: "The file is valid MDX, but something inside the JSX / JavaScript part crashed when the page tried to run it." }), "\n"] }), "\n", _jsxs(_components.p, { children: ["This is different from syntax errors like unclosed tags — these are ", _jsx(_components.strong, { children: "runtime errors" }), "."] }), "\n", _jsxs(_components.div, { "data-callout": true, "data-callout-type": "note", children: ["\n", _jsx(_components.div, { "data-callout-title": true, children: "Note" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsx(_components.p, { children: "Unlike the syntax errors above (which catch invalid MDX), rendering errors happen when your MDX is perfectly valid but fails when converted to React and rendered. Unfortunately, you won't get precise error information for these cases. This is because Next.js processes your content on the server, and for security reasons, it can't send detailed error messages to your browser—it only sends a generic error code. You'll need to carefully review your MDX expressions and component usage to identify the issue. Below are listed the most common issues." }), "\n"] }), "\n"] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "A common example:" }) }), "\n", _jsx(_components.p, { children: "You reference a value that doesn’t exist:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-auto code-highlight", children: _jsx(_components.span, { className: "code-line", children: "{a}\n" }) }) }), "\n", _jsxs(_components.p, { children: ["To MDX/React, ", _jsx(_components.code, { className: "language-auto", children: "{a}" }), " means ", _jsx(_components.em, { children: "“take the variable" }), " ", _jsx(_components.em, { children: "a" }), " ", _jsx(_components.em, { children: "and render its value here.”" }), "\nIf a isn’t defined anywhere, the page tries to run that code and crashes."] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Fix" }) }), "\n", _jsx(_components.p, { children: "Escape the curly brackets:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-auto code-highlight", children: _jsx(_components.span, { className: "code-line", children: "\\{a\\}\n" }) }) }), "\n", _jsx(_components.p, { children: "or wrap in backticks:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-auto code-highlight", children: _jsx(_components.span, { className: "code-line", children: "`{a}`\n" }) }) }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "When does this happen?" }) }), "\n", _jsxs(_components.p, { children: ["Any time MDX thinks you’re writing ", _jsx(_components.strong, { children: "JavaScript" }), ", but you actually meant ", _jsx(_components.strong, { children: "text" }), ", for example:"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Set notation / math" }), "\n", _jsx(_components.li, { children: "Curly braces used for emphasis" }), "\n"] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Other things that can cause MDX to fail at render time" }) }), "\n", _jsxs(_components.p, { children: ["Besides undefined values like ", _jsx(_components.code, { className: "language-auto", children: "{a}" }), ", runtime MDX errors can also happen if:"] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["An unknown component is used (e.g. ", _jsx(_components.code, { className: "language-auto", children: "" }), ")"] }), "\n", _jsxs(_components.li, { children: ["Your JavaScript expression inside ", _jsx(_components.code, { className: "language-auto", children: "{}" }), " throws an error (e.g. ", _jsx(_components.code, { className: "language-auto", children: "const = 2" }), ")"] }), "\n"] }), "\n", _jsxs(_components.div, { "data-callout": true, "data-callout-type": "tip", children: ["\n", _jsx(_components.div, { "data-callout-title": true, children: "Debugging tip" }), "\n", _jsxs(_components.div, { "data-callout-body": true, children: ["\n", _jsxs(_components.p, { children: ["If you're struggling to identify the issue, try copying your page content into the ", _jsx(_components.a, { href: "https://mdxjs.com/playground/", target: "_blank", rel: "noopener noreferrer", children: "MDX Playground" }), ". Since it renders on the client side only, it can show you more helpful error messages that aren't restricted like they are in Next.js server-side rendering."] }), "\n"] }), "\n"] }), "\n", _jsxs(_components.h2, { id: "disabling-mdx-rendering", children: [_jsx(_components.a, { className: "heading-link", href: "#disabling-mdx-rendering", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Disabling MDX rendering"] }), "\n", _jsx(_components.p, { children: "Flowershow is designed to feel like writing in a modern digital notebook — where you can write normal Markdown and, when you want, sprinkle in JSX blocks styled with Tailwind or add interactive components like:" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-mdx code-highlight", children: _jsx(_components.span, { className: "code-line", children: "\n" }) }) }), "\n", _jsxs(_components.p, { children: ["That’s why ", _jsx(_components.strong, { children: "Flowershow parses all files as MDX by default" }), "."] }), "\n", _jsx(_components.p, { children: "It means you can always use components without having to rename files or remember a special syntax." }), "\n", _jsx(_components.p, { children: "But here’s the good news:" }), "\n", _jsxs(_components.p, { children: ["If you’re writing simple Markdown (like a blog or notes), and MDX feels extra or confusing, you can tell Flowershow to ", _jsx(_components.strong, { children: "skip MDX entirely" }), " and treat everything as plain Markdown."] }), "\n", _jsxs(_components.p, { children: ["Just update your ", _jsx(_components.code, { className: "language-auto", children: "config.json" }), ":"] }), "\n", _jsx(_components.pre, { className: "language-json", children: _jsxs(_components.code, { className: "language-json code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token property", children: "\"markdownRenderer\"" }), _jsx(_components.span, { className: "token operator", children: ":" }), " ", _jsx(_components.span, { className: "token string", children: "\"md\"" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }), "\n", _jsx(_components.p, { children: "Now your site behaves just like a classic Markdown blog — no MDX parsing, no JSX rules, no angle bracket surprises." }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Want the best of both worlds?" }) }), "\n", _jsxs(_components.p, { children: ["If you ", _jsx(_components.em, { children: "sometimes" }), " want MDX but also want regular ", _jsx(_components.code, { className: "language-auto", children: ".md" }), " files to stay simple, use:"] }), "\n", _jsx(_components.pre, { className: "language-json", children: _jsxs(_components.code, { className: "language-json code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token punctuation", children: "{" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token property", children: "\"markdownRenderer\"" }), _jsx(_components.span, { className: "token operator", children: ":" }), " ", _jsx(_components.span, { className: "token string", children: "\"auto\"" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token punctuation", children: "}" }), "\n"] })] }) }), "\n", _jsxs(_components.p, { children: ["This means ", _jsx(_components.code, { className: "language-auto", children: ".md" }), " files will be parsed as plain Markdown, but ", _jsx(_components.code, { className: "language-auto", children: ".mdx" }), " files will be parsed as MDX. So you can choose per file, naturally."] }), "\n", _jsx(_components.p, { children: _jsx(_components.strong, { children: "Summary" }) }), "\n", _jsx(_components.div, { className: "overflow-x-auto", children: _jsxs(_components.table, { children: [_jsx(_components.thead, { children: _jsxs(_components.tr, { children: [_jsx(_components.th, { children: _jsx(_components.strong, { children: "Mode" }) }), _jsx(_components.th, { children: _jsx(_components.strong, { children: "Meaning" }) }), _jsx(_components.th, { children: _jsx(_components.strong, { children: "Best for" }) })] }) }), _jsxs(_components.tbody, { children: [_jsxs(_components.tr, { children: [_jsxs(_components.td, { children: ["mdx ", _jsx(_components.em, { children: "(default)" })] }), _jsx(_components.td, { children: "All files support MDX components" }), _jsx(_components.td, { children: "Advanced users, interactive content" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "md" }), _jsx(_components.td, { children: "No MDX at all, plain Markdown only" }), _jsx(_components.td, { children: "Writers, note-takers, simple blogs" })] }), _jsxs(_components.tr, { children: [_jsx(_components.td, { children: "auto" }), _jsx(_components.td, { children: ".md → Markdown, .mdx → MDX" }), _jsx(_components.td, { children: "Mixed content / gradual learning" })] })] })] }) }), "\n", _jsxs(_components.h2, { id: "still-stuck-were-here-to-help", children: [_jsx(_components.a, { className: "heading-link", href: "#still-stuck-were-here-to-help", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Still stuck? We’re here to help!"] }), "\n", _jsx(_components.p, { children: "If you ran into an error that isn’t covered here — or something just doesn’t make sense — we’d love to help you out." }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "✅ Leave a comment below" }), "\n", _jsxs(_components.li, { children: ["✅ Or ask a question in our ", _jsx(_components.strong, { children: "Flowershow Discord community" })] }), "\n", _jsx(_components.li, { children: "✅ Share a snippet of what you were trying — we genuinely enjoy debugging with users!" }), "\n"] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };