import { StyledComponent } from "styled-components";
import { ITheme } from "@stickyroll/themes";
/**
 * @typedef {object} IInnerProps
 * @property {ITheme} [theme]
 * @property {boolean} [withPagers]
 */
export interface IInnerProps {
    theme?: ITheme;
    withPagers?: "left" | "right";
}
/**
 * This component can be used to add a themed inner wrapper. This is especially helpful when using
 * nested stickyroll components (e.g. Pagers).
 *
 * The theme is inherited and can therefore be used in other components. This mechanism relies on
 * styled-components `ThemeProvider`
 * ### Usage:
 * ```jsx
 * import {Stickyroll} from "@stickyroll/stickyroll";
 * import {Inner} from "@stickyroll/inner";
 * const App = () => (
 *   <Stickyroll pages={1}>
 *       {() => <Inner/>}
 *   </Frame>
 * )
 * ```
 * ---
 * @type {StyledComponent<"section", ITheme, IInnerProps>}
 * @param {IInnerProps} props
 * @param {ITheme} [props.theme]
 * @param {boolean} [props.withPagers]
 * @return {React.ReactHTMLElement<HTMLElement>}
 */
export declare const Inner: StyledComponent<"section", any, IInnerProps, never>;
export interface IContentProps {
    theme?: ITheme;
}
export declare const Content: StyledComponent<"div", any, IContentProps, never>;