'use client';
import { jsx as _jsx } from "react/jsx-runtime";
/**
 * Design-system table row actions (`.row-actions` / `.ra-icon-btn`): a
 * right-aligned cluster of 27px bordered icon buttons that fades in on row
 * hover (the row must have the `group` class) and on keyboard focus.
 */
export function RowActions({ children, className }) {
    return (_jsx("div", { className: `flex items-center justify-end gap-1 opacity-0 transition-opacity duration-[var(--motion-fast)] group-hover:opacity-100 focus-within:opacity-100 ${className ?? ''}`, children: children }));
}
export function RowActionButton({ danger = false, className, children, ...rest }) {
    return (_jsx("button", { type: "button", className: `flex h-[27px] w-[27px] items-center justify-center rounded-[6px] border border-[var(--bdr)] bg-[var(--card)] text-[var(--muted)] transition-colors duration-[var(--motion-fast)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 ${danger
            ? 'hover:border-[var(--err)] hover:bg-[var(--err-l)] hover:text-[var(--err)]'
            : 'hover:border-[var(--acc-m)] hover:bg-[var(--acc-l)] hover:text-[var(--acc)]'} ${className ?? ''}`, ...rest, children: children }));
}
//# sourceMappingURL=RowActions.js.map