How to use the preact-emotion.iframe function in preact-emotion

To help you get started, we’ve selected a few preact-emotion examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github dmitry-korolev / remeal / src / control / components / PresentationFrame.js View on Github external
import { h, Component } from 'preact'
import styled from 'preact-emotion'
import { createStructuredSelector } from 'reselect'
import { parseUrl } from '../utils/parseUrl'
import { PresentationPointer } from './PresentationPointer'
import { Consumer } from '../controlApp'

const Iframe = styled.iframe`
  height: 100%;
  width: 100%;
  border: none;
`

const Container = styled.div`
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
`

const pointerSelector = createStructuredSelector({
  pointer: (state) => state.config.pointer,
  ratio: (state) => state.config.ratio
})