import { Property } from "csstype";
import { CSSProperties, PropsWithChildren } from "react";
interface IiPhoneMockupProps {
    /**
     * Width of mockup screen.
     * The height is automatically calculated according to the ratio.
     * - NOTE: It does not mean the full width of the mockup being rendered.
     */
    readonly screenWidth: number;
    /**
     * @default "island"
     * @description
     * - `"island"`: Dynamic island iPhone such as iPhone 15 Pro
     * - `"notch"`: Notched iPhone such as iPhone 14
     * - `"legacy"`: Classic iphone such as iPhone SE3
     */
    readonly screenType?: "legacy" | "notch" | "island";
    /**
     * @default false
     * @description portrait or landscape. `false` means portrait
     */
    readonly isLandscape?: boolean;
    readonly className?: string;
    /** Styles for mockup container */
    readonly containerStlye?: CSSProperties;
    /**
     * @default "#666666"
     * @description Color of Frame
     */
    readonly frameColor?: Property.Color;
    /**
     * @default false
     * @description Only the frame is shown. Power button and volume buttons are hidden
     */
    readonly frameOnly?: boolean;
    /**
     * @default "#CCCCCC"
     * @description Color of status bar
     */
    readonly statusbarColor?: Property.Color;
    /**
     * @default false
     * @description Hide the status bar
     * - `false`: Status bar occupies its own space with `statusbarColor`. (default)
     * - `true`: Status bar no longer occupies its own area, but becomes part of the screen area.
     * - NOTE: When `isLandscape=true` and `screenType="legacy"` in `iPhoneMockup`,
     * the status bar is always hidden regardless of `hideStatusBar`.
     * Even on the REAL classic iPhone, the status bar is always hidden when in landscape
     */
    readonly hideStatusBar?: boolean;
    /**
     * @default false
     * @description Make the navigation bar transparent.
     * - `false`: Navigation bar occupies its own space with `navBarColor`. (default)
     * - `true`: Navigation bar no longer occupies its own area, but becomes part of the screen area.
     * - NOTE: Swipe bar or buttons are rendered according to the type specified by `navBar` props.
     * - NOTE: When `screenType="legacy"` in `iPhoneMockup`, `transparentNavBar` is always ignored.
     */
    readonly transparentNavBar?: boolean;
    /**
     * @default false
     * @description Hide the navigation bar.
     * - `false`: Show the navigation bar. (default)
     * - `true`: Hide the navigation bar. Navigation bar no longer occupies its own area, but becomes part of the screen area.
     * - NOTE: Swipe bar or buttons are **NOT** rendered according to the type specified by `navBar` props.
     * - NOTE: When `screenType="legacy"` in `iPhoneMockup`, `hideNavBar` is always ignored.
     */
    readonly hideNavBar?: boolean;
}
export type IPhoneMockupProps = PropsWithChildren<IiPhoneMockupProps>;
export default function IPhoneMockup(props: IPhoneMockupProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=IPhoneMockup.d.ts.map