/**
 * Props del componente ScrollContainer.
 */
interface ScrollContainerProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Clases CSS adicionales para el contenedor */
    className?: string;
    /** Estilos en línea para el contenedor */
    style?: React.CSSProperties;
    /** Dirección del scroll a detectar */
    direction?: "vertical" | "horizontal";
    /** Padding separacion */
    padding?: number;
}
/**
 * Componente ScrollContainer
 *
 * Un contenedor que detecta si hay overflow en la dirección especificada
 * y aplica un padding automático para separar el contenido de la barra de scroll.
 *
 * - Si `direction="horizontal"` aplica padding-bottom solo cuando hay scroll horizontal.
 * - Si `direction="vertical"` aplica padding-right solo cuando hay scroll vertical.
 * - Se puede usar tanto para listas, tablas o inputs como textarea.
 *
 * @param children Contenido scrollable dentro del contenedor.
 * @param className Clases CSS adicionales para el contenedor.
 * @param style Estilos en línea para el contenedor.
 * @param direction Dirección del scroll a detectar y aplicar padding ("vertical" | "horizontal").
 *
 * @example
 * ```tsx
 * // Scroll horizontal
 * <ScrollContainer direction="horizontal" style={{ width: 300 }}>
 *   <div style={{ width: 800, height: 100, background: "#eee" }}>
 *     Contenido ancho scrollable horizontal
 *   </div>
 * </ScrollContainer>
 *
 * // Scroll vertical con textarea
 * <ScrollContainer direction="vertical" style={{ maxHeight: 140 }}>
 *   <textarea
 *     style={{
 *       width: "100%",
 *       minHeight: 100,
 *       maxHeight: 140,
 *       boxSizing: "border-box",
 *       overflowY: "auto",
 *     }}
 *     placeholder="Escribe algo..."
 *   />
 * </ScrollContainer>
 * ```
 */
export declare const ScrollContainer: ({ children, className, style, direction, padding, }: ScrollContainerProps) => import("react/jsx-runtime").JSX.Element;
export {};