component snippet

{
	"A Component": {
		"prefix": [
			"component",
		],
		"body": [
			"import React from 'react'",
			"import styled, { css } from 'styled-components'",
			"",
			"//x//////////////////////////////////////////////////",
			"// ${1:Component}",
			"//x//////////////////////////////////////////////////",
			"",
			"type ${1:Component}Props = {",
			"\t${2}",
			"}",
			"",
			"export const ${1:Component} = ({ ${3} }: ${1:Component}Props) => (",
			"\t<S${1:Component}Wrap${4}>",
			"\t\t${5: Component}",
			"\t</S${1:Component}Wrap${4}>",
			")",
			"",
			"//x//////////////////////////////////////////////////",
			"// Styles",
			"//x//////////////////////////////////////////////////",
			"",
			"// S${1:Component}Wrap${4}",
			"",
			"type S${1:Component}Wrap${4}Props = {",
			"\t${6}",
			"}",
			"",
			"const S${1:Component}Wrap${4} = styled${7:.div}<S${1:Component}Wrap${4}Props>(({ ${8} }) => css`",
			"\t${9}",
			"`)"
		],
		"description": "A React component."
	}
}