import React from "react";
export interface SubAspectComponentOptions {
    backgroundColor: string;
    children: React.ReactNode;
    showControls?: boolean;
    containerWidthFraction?: number;
    containerHeightFraction?: number;
    defaultFractionSub?: number;
}
export type SubAspectComponentType = (options: SubAspectComponentOptions) => JSX.Element;
/**
 * SubAspectComponent is a responsive media sub-component that scales with the viewport and includes optional controls.
 *
 * @param {Object} props - Properties for the SubAspectComponent.
 * @param {string} props.backgroundColor - The background color of the component.
 * @param {React.ReactNode} props.children - Elements to render within the sub-aspect component.
 * @param {boolean} [props.showControls=true] - Option to display controls.
 * @param {number} props.containerWidthFraction - Fraction of the viewport width used for component width.
 * @param {number} props.containerHeightFraction - Fraction of the viewport height used for component height.
 * @param {number} [props.defaultFractionSub=0.0] - Default height fraction for the component if controls are visible.
 *
 * @returns {JSX.Element} A responsive sub-aspect media display component.
 *
 * @example
 * ```tsx
 * import React from 'react';
 * import { SubAspectComponent } from 'mediasfu-reactjs';
 *
 * function App() {
 *   return (
 *     <SubAspectComponent
 *       backgroundColor="black"
 *       showControls={true}
 *       containerWidthFraction={0.5}
 *       containerHeightFraction={0.5}
 *       defaultFractionSub={0.4}
 *     >
 *       <div>Content goes here</div>
 *     </SubAspectComponent>
 *   );
 * }
 *
 * export default App;
 * ```
 */
declare const SubAspectComponent: React.FC<SubAspectComponentOptions>;
export default SubAspectComponent;
//# sourceMappingURL=SubAspectComponent.d.ts.map