
import { UniversalPressableProps } from "../../types/dist/index.js";
import "../../tokens/index.js";
import * as react from "react";

//#region src/components/client/Pressable.d.ts
type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
interface PressableProps extends UniversalPressableProps, HtmlButtonProps {}
/**
 * **🖲️ A primitive component for creating button interactions with accessibility support**
 *
 * @componentType Client component
 *
 * @description
 * The Pressable component is a primitive component that can be used
 * to create button interactions with accessibility support. It can be used
 * to trigger an action, such as submitting a form, navigating to a new page,
 * or adding interactivity to a section or card.
 *
 * @example
 * ```tsx
 * import { Pressable } from '@yahoo/uds';
 *
 * <Pressable
 *   backgroundColor="secondary"
 *   borderWidth="thin"
 *   borderColor="primary"
 *   borderRadius="lg"
 *   onPress={() => console.log('Pressed!')}
 *  >
 *    <Text variant="body1" color="primary" spacingHorizontal="7" spacingVertical="5">Click me...</Text>
 * </Pressable>
 * ```
 *
 * @usage
 * - If you need to add interactivity to a section or card.
 * - If you need a highly customized version of [Button](./button)
 *
 * @see The {@link https://uds.build/docs/components/pressable Pressable Docs} for more info
 *
 * @related [Button](https://uds.build/docs/components/button), [IconButton](https://uds.build/docs/components/icon-button)
 *
 */
declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
//#endregion
export { Pressable, type PressableProps };