Function TabsExampleScene

components/docs/examples/tabs-example.tsx:12–24

(p: TabsExampleProps = {})

export const tabsExampleControls = ["variant"] as const;

export const TabsExampleScene = (p: TabsExampleProps = {}) => {
  const style = useTabsTransition(
    [
      { at: 18, state: "Account", duration: 16 },
      { at: 58, state: "Password", duration: 18 },
      { at: 94, state: "Settings", duration: 12 },
    ],
    { variant: p.variant },
  );
  return <Tabs style={style} variant={p.variant ?? "pill"} />;
};

export const tabsExampleCode = (
  values: Record<string, unknown> = {},
): string => {
  const variant = values.variant as string | undefined;