import { getPadding } from '../../utilities';
import { GeneralObserver } from '../general-observer';
export const Lbry = (props) => (<GeneralObserver>
    <div class="lbry-solid-social" style={{
        position: 'relative',
        width: '100%',
        ...getPadding('16:9'),
    }}>
      <iframe class="lbry" title={`lbry-${props.lbryId}`} src={`//lbry.tv/$/embed/${props.lbryId}?t=${props.skipTo ?? 0}`} allow="fullscreen" style={{
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '100%',
    }}/>
    </div>
  </GeneralObserver>);