 # Sheet
 class ShareComponent
 
-	constructor: ->
+	constructor: (@shareInfo) ->
 		@render()
 		
 	render: ->

context = new Framer.Context({name: "Sharing"})
Canvas.backgroundColor = "#00AAFF"

# Info
shareInfo =
	name: "Jonas Treub"
	twitter: "jonastreub"
	title: "Medium App"
	description: """
		Here's a new Framer example. It's a little grid of photos, which you can scroll, click and pinch to zoom. Made to highlight some of our latest 		features: scroll and click separation, pinchable layers, event shortcuts and more.
		"""

				boxShadow: "0 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.08)"
		
		@_renderCTA()
		@info = new ShareInfo(@shareInfo, @sheet, @cta.maxY)
		
		# Set height based on children
		@sheet.height = @sheet.contentFrame().height
		
	_renderCTA: ->
		@cta = new Layer
			width: @sheet.width
			parent: @sheet
			backgroundColor: null
			style:
				borderBottom: "1px solid #E8E8E8"
			height: 130
			
		ctaLogo = new Layer
			parent: @cta
			width: 16
			height: 24
			x: Align.center()
