/* global React, SCREENS */

function Phone({ screenKey, ctx, large }) {
  const Cmp = SCREENS[screenKey] || SCREENS.Identity;
  return (
    <div className={"phone" + (large ? " large" : "")}>
      <div className="phone-notch"/>
      <div className="phone-screen">
        <Cmp ctx={ctx} setCtx={ctx.setCtx}/>
      </div>
    </div>
  );
}

Object.assign(window, { Phone });