INNER CODE UNIT · JavaScript

DemoSection

christopherkarani/Wax · Resources/website/src/pages/index.js:167

function DemoSection() {
  const [tab, setTab] = useState("cli");
  return (
    <section className="cli-section">
      <span className="section-eyebrow">quick start</span>
      <h2 className="section-heading">two lines to get started</h2>
      <p className="section-subheading">cli for scripts and claude integration. swift api for your app.</p>

      <div>
        <div className="demo-tabs">
          <button className={`demo-tab${tab === "cli" ? " active" : ""}`} onClick={() => setTab("cli")}>cli</button>
          <button className={`demo-tab${tab === "swift" ? " active" : ""}`} onClick={() => setTab("swift")}>swift</button>
        </div>
        <div className="demo-panel">
          {tab === "cli" ? (
            <CodeBlock language="bash">{cliDemo}</CodeBlock>
          ) : (
            <div>

View source record →