alouette/dist/definitions/ui/containers/Surface.d.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

import type { View as RNView } from "react-native";
import { type VariantProps } from "tailwind-variants";
import type { Accent } from "../../core/AlouetteConfig";
import { type BoxProps } from "./Box";
declare const surfaceVariants: import("tailwind-variants").TVReturnType<{
    size: {
        xxs: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    variant: {
        surface: string;
        highlight: string;
        "highlight-accent": string;
        lowered: string;
        translucent: string;
    };
    shadow: {
        none: string;
        s: string;
        m: string;
        l: string;
        lowered: string;
    };
}, undefined, "surface", {
    size: {
        xxs: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    variant: {
        surface: string;
        highlight: string;
        "highlight-accent": string;
        lowered: string;
        translucent: string;
    };
    shadow: {
        none: string;
        s: string;
        m: string;
        l: string;
        lowered: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    size: {
        xxs: string;
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
    variant: {
        surface: string;
        highlight: string;
        "highlight-accent": string;
        lowered: string;
        translucent: string;
    };
    shadow: {
        none: string;
        s: string;
        m: string;
        l: string;
        lowered: string;
    };
}, undefined, "surface", unknown, unknown, undefined>>;
type SurfaceVariantProps = VariantProps<typeof surfaceVariants>;
export interface SurfaceProps extends BoxProps {
    accent?: Accent;
    /**
     * @deprecated Write the size utility, which takes a breakpoint prefix:
     * `size="sm"` is `surface-sm` (`surface-xxs` … `surface-lg`).
     */
    size?: SurfaceVariantProps["size"];
    /**
     * @deprecated Write the ground class: `variant="highlight"` is
     * `bg-highlight`, and `variant="lowered"` is the `lowered` utility (ground and
     * inset shadow together).
     */
    variant?: SurfaceVariantProps["variant"];
    /** @deprecated Write the shadow class: `shadow="l"` is `shadow-l`. */
    shadow?: SurfaceVariantProps["shadow"];
}
/**
 * @deprecated Write `<Box className="surface">`: the `surface` utility is this
 * component's defaults (ground, shadow, padding, radius, overflow-hidden), and
 * every class after it — `lowered`, `bg-highlight`, `shadow-m`, `surface-sm`,
 * `md:surface-lg` — overrides its own part.
 */
export declare const Surface: import("react").ForwardRefExoticComponent<SurfaceProps & import("react").RefAttributes<RNView>>;
export {};
//# sourceMappingURL=Surface.d.ts.map