A React export workspace with a split action format menu and Markdown, text, and JSON downloads, useful when a document action supports multiple output formats.
"use client";
import * as React from "react";
import Component, { type Props, type State } from "@/components/ui/split-action";
const settings = {"title": "Export file", "showContext": true};
const ease=(x:number)=>{x=Math.max(0,Math.min(1,x));return x*x*(3-2*x)};
const pulse=(t:number,a:number,b:number)=>ease((t-a)/.3)*(1-ease((t-b)/.3));
export function showcase(time:number):State{const t=((time%6)+6)%6;const r=pulse(t,.65,2.8);return {open:r>0,reveal:r,active:t>=2.8&&t<4.95?1:0,notice:t>3.7&&t<4.95?'PNG export requested':''};}
export default function Demo(props: any = {}) {
const {showcaseTime,...incoming}=props;const merged={...settings,...incoming};
return <div style={{width:"100%",minWidth:0}}><Component {...merged} state={showcaseTime===undefined?incoming.state:showcase(showcaseTime)} seeking={showcaseTime!==undefined||incoming.seeking}/></div>;
}