import { TLDraw } from '@tldraw/tldraw'
import * as React from 'react'

export default function Embedded(): JSX.Element {
  return (
    <div style={{ padding: '2% 10%', width: 'calc(100% - 100px)' }}>
      <div
        style={{
          position: 'relative',
          width: '100%',
          height: '500px',
          overflow: 'hidden',
          marginBottom: '32px',
        }}
      >
        <TLDraw id="small5" />
      </div>

      <div
        style={{
          position: 'relative',
          width: '100%',
          height: '500px',
          overflow: 'hidden',
        }}
      >
        <TLDraw id="embedded" />
      </div>
    </div>
  )
}
