import React from "react";

export default id => () => {
  return (
    <iframe
      src={`https://codesandbox.io/embed/${id}?autoresize=1&hidenavigation=1&view=${
        global.innerWidth < 1000 ? "preview" : "split"
      }`}
      style={{
        position: "absolute",
        top: 0,
        left: 0,
        width: `100%`,
        height: `100%`,
        border: 0,
        overflow: `hidden`
      }}
      sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
    />
  );
};