@appearhere/bloom/components/DeviceFrame/IPhone.js

Appear Here's pattern library and styleguide

import PropTypes from 'prop-types';
import React from 'react';

import jetBlack from './images/iphone-jet-black.png';
import DeviceFrame from './DeviceFrame';
import VideoDeviceFrame from './VideoDeviceFrame';
import css from './IPhone.css';

const IPhoneDeviceFrame = ({ video, ...rest }) => {
  const props = {
    ...rest,
    css,
    deviceImage: jetBlack,
  };

  const Component = video ? VideoDeviceFrame : DeviceFrame;
  return <Component {...props} />;
};

IPhoneDeviceFrame.propTypes = {
  video: PropTypes.bool,
};

export default IPhoneDeviceFrame;