import { View, type ViewProps } from 'react-native'; import { type VariantProps } from 'tailwind-variants'; import { type TextProps } from '../../primitives/text.js'; declare const footerVariants: import("tailwind-variants").TVReturnType<{ /** * Whether the footer draws a surface of its own. * * `plain` is part of the card: same background, padding continuing from the * content above it. `panel` is a band set into it — a rule across the top, * a step darker, and the card's own bottom corners — so the buttons read as * the card's actions rather than as the last thing in its body. Use it when * the footer is what somebody does with the card, not more of what it says. */ variant: { plain: string; panel: string; }; }, undefined, "flex-row items-center gap-2", { /** * Whether the footer draws a surface of its own. * * `plain` is part of the card: same background, padding continuing from the * content above it. `panel` is a band set into it — a rule across the top, * a step darker, and the card's own bottom corners — so the buttons read as * the card's actions rather than as the last thing in its body. Use it when * the footer is what somebody does with the card, not more of what it says. */ variant: { plain: string; panel: string; }; }, undefined, import("tailwind-variants").TVReturnType<{ /** * Whether the footer draws a surface of its own. * * `plain` is part of the card: same background, padding continuing from the * content above it. `panel` is a band set into it — a rule across the top, * a step darker, and the card's own bottom corners — so the buttons read as * the card's actions rather than as the last thing in its body. Use it when * the footer is what somebody does with the card, not more of what it says. */ variant: { plain: string; panel: string; }; }, undefined, "flex-row items-center gap-2", unknown, unknown, undefined>>; export interface CardProps extends ViewProps { className?: string; } export interface CardFooterProps extends CardProps, VariantProps { } export declare const Card: import("react").ForwardRefExoticComponent> & { Header: import("react").ForwardRefExoticComponent>; Title: import("react").ForwardRefExoticComponent>; Description: import("react").ForwardRefExoticComponent>; Content: import("react").ForwardRefExoticComponent>; Footer: import("react").ForwardRefExoticComponent>; }; export {}; //# sourceMappingURL=index.d.ts.map