open System
open FSharp.ViewEngine
open Acme.Components.Primitives
open Acme.Components.Application
open type Html
open type Svg
open type Datastar
let codePreviewTabs =
Tabs.create "components-example-format" "Example format" [
Tab.create "code" "Code" (pre { _class "overflow-x-auto rounded-[var(--fve-radius-control)] bg-[var(--fve-surface-subtle)] p-4 text-sm"; "Button.secondary \"Create account\"" })
Tab.create "preview" "Preview" (div { _class "rounded-[var(--fve-radius-control)] border border-[var(--fve-border)] p-4"; Button.secondary "Create account" }) ]
|> Tabs.withSelected "preview"
|> Tabs.render