import React, { Component } from 'react'
import { ThemeProvider } from 'styled-components'

// Import every RDS component or constant like this
import {
  // React component
  Card,
  // Constant
  ThemesNames
} from 'rds'

// IMPORTANT: Import RDS styles (at index file preferently)
import 'rds/dist/index.css'

const MyComponent = () => {
  const theme = {
      main: '#159DE0',
      secondary: '#35E4D7',
      scheme: ThemesNames.LIGHT,
  }
  return (
    <ThemeProvider theme={theme}>
      <Card>Some nice content here</Card>
    </ThemeProvider>
  )
}