import { ComponentPropsWithoutRef } from 'react'; import { LayoutUtilProps } from '../../types'; /** * Props for the LinkButton component * @extends ComponentPropsWithoutRef<"button"> * @extends LayoutUtilProps */ export type LinkButtonProps = Omit, "type" | "disabled"> & LayoutUtilProps & ({ /** * The visual appearance of the LinkButton. * @default "primary" */ appearance?: "primary"; /** * Whether the LinkButton should have a quieter, less prominent appearance. * @remarks Only available when appearance is "primary". */ quiet?: boolean; } | { /** * The visual appearance of the LinkButton. Secondary appearance cannot be quiet. */ appearance: "secondary"; /** * Whether the LinkButton should have a quieter, less prominent appearance. * @remarks Must be false when appearance is "secondary". */ quiet?: false; }); /** * LinkButton component for creating styled button elements that look like links. * * Features: * - Supports primary and secondary visual appearances * - Optional quiet mode for less prominent styling * - Fully accessible with proper ARIA support * - Supports all standard button attributes and events * - Includes layout utilities for positioning and spacing * - Customizable styling with className and style props * - Proper keyboard navigation support * - Data attributes for analytics tracking * * @example * console.log('clicked')}> * Click me * */ export declare const LinkButton: import('react').ForwardRefExoticComponent>;