alouette
Version:
A modern, customizable design system built on top of NativeWind v5 with configurable defaults
40 lines • 1.38 kB
TypeScript
import type { PressableProps as RNPressableProps, View as RNView } from "react-native";
import { type VariantProps } from "tailwind-variants";
import type { Accent } from "../../core/AlouetteConfig";
declare const pressableBoxVariants: import("tailwind-variants").TVReturnType<{
variant: {
contained: string;
outlined: string;
ghost: string;
};
forceStyle: {
hover: string;
focus: string;
press: string;
};
}, undefined, "overflow-hidden", {
withFocusVisibleOutline: {
true: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
withFocusVisibleOutline: {
true: string;
};
}, undefined, string, {
withFocusVisibleOutline: {
true: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
withFocusVisibleOutline: {
true: string;
};
}, undefined, string, unknown, unknown, undefined>>>;
type PressableBoxVariantProps = VariantProps<typeof pressableBoxVariants>;
export interface PressableBoxProps extends RNPressableProps, PressableBoxVariantProps {
accent?: Accent;
className?: string;
forceStyle?: "focus" | "hover" | "press";
}
export declare const PressableBox: import("react").ForwardRefExoticComponent<PressableBoxProps & import("react").RefAttributes<RNView>>;
export {};
//# sourceMappingURL=PressableBox.d.ts.map