Action Bar

1import { ActionBar, ActionBarTrigger, ActionBarContent, ActionBarSeparator } from "@/components/ui/action-bar";
2
3<ActionBar />

1"use client";
2
3import { Portal } from "@ark-ui/react";
4import { ark } from "@ark-ui/react/factory";
5import { Presence } from "@ark-ui/react/presence";
6import React from "react";
7import { tv } from "tailwind-variants";
8import { cn } from "@/lib/utils";
9import { Badge } from "@/registry/react/components/badge";
10import { Separator } from "@/registry/react/components/separator";
11
12interface ActionBarPositioning {
13  /**
14   * The gutter from the edge in pixels.
15   *
16   * @default '16px'
17   */
18  gutter?: string;
19  /**
20   * The placement of the action bar.
21   *
22   * @default "bottom"
23   */
24  placement?: "bottom" | "bottom-start" | "bottom-end";
25}
26
27interface ActionBarContextValue {
28  /**