added web vendorsHEADmaster

1 files changed, 31 insertions, 0 deletions

diff --git a/preact/demo/styled-components.js b/preact/demo/styled-components.js
new file mode 100644
index 0000000..f8433ba
--- /dev/null
+++ b/preact/demo/styled-components.js
@@ -0,0 +1,31 @@
+import { createElement } from 'preact';
+import styled, { css } from 'styled-components';
+
+const Button = styled.button`
+	background: transparent;
+	border-radius: 3px;
+	border: 2px solid palevioletred;
+	color: palevioletred;
+	margin: 0.5em 1em;
+	padding: 0.25em 1em;
+
+	${props =>
+		props.primary &&
+		css`
+			background: palevioletred;
+			color: white;
+		`}
+`;
+
+const Container = styled.div`
+	text-align: center;
+`;
+
+export default function StyledComp() {
+	return (
+		<Container>
+			<Button>Normal Button</Button>
+			<Button primary>Primary Button</Button>
+		</Container>
+	);
+}