import { type ReactNode } from 'react';
import { type SxProps, type Theme } from '@mui/material/styles';
export type PhoneMockupProps = {
    /** Content rendered inside the phone screen. Scrolls independently of the page/drawer. */
    children: ReactNode;
    /** Width of the phone frame including bezel. Defaults to 320px. */
    width?: number | string;
    /** Optional sx forwarded to the outer bezel container. Use for height, alignment, margins. */
    sx?: SxProps<Theme>;
    /** Optional sx forwarded to the inner scrollable screen container. */
    screenSx?: SxProps<Theme>;
};
