import { type PhoneMockupProps } from './types';
/**
 * Decorative phone frame used to preview mobile views of admin-authored content.
 *
 * The parent container must have a defined height; the component fills it
 * vertically with `height: 100%`. Without a height anchor (e.g. an explicit
 * value or a flex/grid parent) the mockup collapses to zero.
 *
 * Layout:
 * - Outer lavender bezel with uniform `BEZEL_THICKNESS` padding on all sides.
 * - Inner screen (rounded, clipped) with a lavender status bar at the top
 *   (time + camera dot + signal icons) and a home indicator strip at the
 *   bottom. The middle area is the actual scrollable content surface for
 *   `children`.
 */
declare const PhoneMockup: ({ children, width, sx, screenSx, }: PhoneMockupProps) => import("react/jsx-runtime").JSX.Element;
export type { PhoneMockupProps };
export default PhoneMockup;
