import { StandardProps } from '../Types/general.ts';
/**
 * Renders an article element with the "reading" class.
 *
 * @param props - Standard React props including children to be rendered inside the article.
 * @returns A React element wrapping the children in an article with the appropriate class.
 */
export declare const Reading: (props: StandardProps) => import("react/jsx-runtime").JSX.Element;
/**
 * Renders a semantic HTML `<section>` element with a predefined CSS class.
 *
 * @param props - Standard React props, including children to be rendered inside the section.
 * @returns The section element containing the provided children.
 */
export declare const Section: (props: StandardProps) => import("react/jsx-runtime").JSX.Element;
type FlexProps = {
    direction?: "row" | "column";
    justify?: "center" | "space-between" | "space-around" | "flex-start" | "flex-end";
    align?: "center" | "flex-start" | "flex-end" | "baseline" | "stretch";
    wrap?: "wrap" | "nowrap";
};
/**
 * A flexible container component that renders a `<div>` with configurable flexbox properties.
 *
 * @param props - The properties for the Flex component.
 * @param props.direction - The flex direction (`row`, `column`, etc.). Defaults to `"row"`.
 * @param props.justify - The `justify-content` CSS property. Defaults to `"flex-start"`.
 * @param props.align - The `align-items` CSS property. Defaults to `"flex-start"`.
 * @param props.wrap - The `flex-wrap` CSS property. Defaults to `"nowrap"`.
 * @param props.classes - Additional CSS class names to apply to the container.
 * @param props.style - Additional inline styles to apply to the container.
 * @param props.children - The content to be rendered inside the flex container.
 * @returns A `<div>` element styled as a flex container.
 */
export declare const Flex: (props: StandardProps & FlexProps) => import("react/jsx-runtime").JSX.Element;
export {};