Using a prop flag with a native CSS

[codemeasandwich]

Can not flag a style to be applied with using css selectors in the base style

import React from 'react';
import outline from 'react-outline'
import { Styles } from 'react-outline'

let styles = {
    base : {
      title:{
        base:{ color:"blue" },
       ":hover":{ color:"green", fontWeight:"bold" },
        error:{ color:"red" }
      }
    }
}

styles = outline(styles);

const Title = styles.title`p`

export default <div>
<Styles/>
<Title>basic</Title>
<Title error>error</Title>
</div>