import { HTMLAttributes } from "react";
import "./styles.css";
type DividerProps = HTMLAttributes<HTMLDivElement> & {
    orientation?: "horizontal" | "vertical";
};
/**
 * Divider component - used to visually separate content sections
 *
 * @param props - Divider component properties
 * @param props.orientation - Divider orientation. Default: "horizontal"
 *
 * **...Other valid HTML properties for div**
 *
 * @returns Divider JSX element
 *
 * @example
 * ```tsx
 * // Basic horizontal divider
 * <Divider />
 *
 * // Explicit horizontal divider
 * <Divider orientation="horizontal" />
 *
 * // Vertical divider
 * <Divider orientation="vertical" />
 *
 * // Custom styled divider
 * <Divider
 *   orientation="horizontal"
 *   className="my-custom-divider"
 * />
 *
 * // Usage in layout
 * <div>
 *   <h2>Section 1</h2>
 *   <p>Content for section 1</p>
 *   <Divider />
 *   <h2>Section 2</h2>
 *   <p>Content for section 2</p>
 * </div>
 * ```
 */
declare function Divider(props: DividerProps): import("react/jsx-runtime").JSX.Element;
export { Divider };
//# sourceMappingURL=index.d.ts.map