framerx_boilerplate.tsx

import * as React from 'react'
import { Frame, PropertyControls, ControlType } from 'framer'

interface Props {
	color: string
}

export class componentName extends React.Component<Props> {
	static defaultProps = {
		width: 1600,
		height: 1200,
		color: '#e0f'
	}

	static propertyControls = {
		color: {
			type: ControlType.Color,
			title: 'Color'
		}
	}

	state = {}

	render() {
		const { color } = this.props

		return (
			<Frame
				style={{
					height: '100%',
					width: '100%',
					display: 'flex',
					justifyContent: 'center',
					alignItems: 'center',
					backgroundColor: color
				}}
			/>
		)
	}
}