// Thin scale wrapper around IOSDevice — used by the cleaner-portal preview
// and the portal-settings live preview to size the device down to fit the layout.
function IOSFrame({ children, theme = 'light', scale = 0.92 }) {
  return (
    <div style={{ transform: `scale(${scale})`, transformOrigin: 'top center' }}>
      <IOSDevice width={390} height={820} dark={theme === 'dark'}>
        {children}
      </IOSDevice>
    </div>
  );
}

Object.assign(window, { IOSFrame });