Added example for issue #10

examples/ThirdParty.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import styledComponents from 'styled-components'
+import styledComponentsTs from '../src/styled-components-ts'
+
+// Imagine the ThirdParty component below is from a library that accepts a className to extend
+// it's styling (standard react pattern)
+export interface IThirdPartyProps {
+  label: string
+  className?: string
+}
+
+export const ThirdParty = ({ label, className }: IThirdPartyProps) => (
+  <h1 className={`class-from-lib ${className || ''}`}>{ label }</h1>
+)
+
+export interface IExtendedThirdPartyProps {
+  hasError?: boolean
+}
+
+// Your code to add styling would be the following
+export const StyledThirdParty = styledComponentsTs<IExtendedThirdPartyProps>(styledComponents(ThirdParty))`
+  color: ${props => props.hasError ? 'red' : 'blue'};
+`

examples/index.ts

@@ -1,3 +1,4 @@
 export * from './ExpandedImage'
 export * from './MyImage'
+export * from './ThirdParty'
 export * from './WithComponent'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components-ts",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress and the added benefits of TypeScript 💅",
   "repository": {
     "type": "git",