@yamada-ui/react/dist/types/components/file-button/use-file-button.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { PropGetter } from "../../core/components/index.types.js";
import "../../core/index.js";
import { FieldProps } from "../field/field.js";
import { UseFileInputProps } from "../file-input/use-file-input.js";
import { UseClickableProps } from "../../hooks/use-clickable/index.js";
import "../../index.js";
import * as react848 from "react";
import * as _yamada_ui_utils10 from "@yamada-ui/utils";

//#region src/components/file-button/use-file-button.d.ts
interface UseFileButtonProps extends UseFileInputProps<"button">, FieldProps {}
declare const useFileButton: (props?: UseFileButtonProps) => {
  clickableProps: (Omit<UseClickableProps<HTMLElement, _yamada_ui_utils10.Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
    ref: (node: any) => void;
    type: "button";
    "aria-disabled": boolean | undefined;
    disabled: boolean | undefined;
    onClick: (ev: react848.MouseEvent<HTMLElement, MouseEvent>) => void;
    onKeyDown: react848.KeyboardEventHandler<HTMLElement> | undefined;
    onKeyUp: react848.KeyboardEventHandler<HTMLElement> | undefined;
    onMouseDown: react848.MouseEventHandler<HTMLElement> | undefined;
    onMouseLeave: react848.MouseEventHandler<HTMLElement> | undefined;
    onMouseOver: react848.MouseEventHandler<HTMLElement> | undefined;
    onMouseUp: react848.MouseEventHandler<HTMLElement> | undefined;
  }) | (Omit<UseClickableProps<HTMLElement, _yamada_ui_utils10.Dict<any>>, "disabled" | "ref" | "tabIndex" | "onKeyDown" | "onKeyUp" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "onMouseUp" | "clickOnEnter" | "clickOnSpace" | "disableTouchBehavior" | "focusable" | "focusOnClick"> & {
    ref: (node: any) => void;
    "aria-disabled": "true" | undefined;
    "data-active": string | undefined;
    role: string;
    tabIndex: number | undefined;
    onClick: (ev: react848.MouseEvent<HTMLElement, MouseEvent>) => void;
    onKeyDown: (ev: react848.KeyboardEvent<HTMLElement>) => void;
    onKeyUp: (ev: react848.KeyboardEvent<HTMLElement>) => void;
    onMouseDown: (ev: react848.MouseEvent<HTMLElement, MouseEvent>) => void;
    onMouseLeave: (ev: react848.MouseEvent<HTMLElement, MouseEvent>) => void;
    onMouseOver: (ev: react848.MouseEvent<HTMLElement, MouseEvent>) => void;
    onMouseUp: (ev: react848.MouseEvent<HTMLElement, MouseEvent>) => void;
  });
  getButtonProps: PropGetter<"button", undefined, undefined>;
  getInputProps: PropGetter<"input", undefined, undefined>;
};
type UseFileButtonReturn = ReturnType<typeof useFileButton>;
//#endregion
export { UseFileButtonProps, UseFileButtonReturn, useFileButton };
//# sourceMappingURL=use-file-button.d.ts.map