import parse from 'style-to-object';
parse('color: #C0FFEE; background: #BADA55;');

{ color: '#C0FFEE', background: '#BADA55' }

import parse from 'style-to-object';

const parse = require('style-to-object').default;

parse('line-height: 42');

{ 'line-height': '42' }

parse(`
  border-color: #ACE;
  z-index: 1337;
`);

{ 'border-color': '#ACE', 'z-index': '1337' }

parse('answer: 42;');

{ 'answer': '42' }

parse(`
  top: ;
  right: 1em;
`); // { right: '1em' }
parse();        // null
parse(null);    // null
parse(1);       // null
parse(true);    // null
parse('top:');  // null
parse(':12px'); // null
parse(':');     // null
parse(';');     // null
parse('top'); // throws Error
parse('/*');  // throws Error

parse('color: #f00', () => {}); // null

parse('color: #f00', (name, value, declaration) => {
  console.log(name);        // 'color'
  console.log(value);       // '#f00'
  console.log(declaration); // { type: 'declaration', property: 'color', value: '#f00' }
});

const style = `
  color: red;
  background: blue;
`;
const output = [];
function iterator(name, value) {
  output.push([name, value]);
}
parse(style, iterator);
console.log(output); // [['color', 'red'], ['background', 'blue']]

const parse = require('style-to-object').default;