getStyle

getStyle is default exported finction that takes css inline styling string and returns object.
takes ...string
returns object

Example:

1const inlineCss =
2  "fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none";

1const style = getStyle(inlineCss);
2
3/* returns an object that can be used as react style
4{
5  fill: '#ffffff',
6  fillOpacity: 1,
7  fillRule: 'evenodd',
8  stroke: '#000000',
9  strokeWidth: 0.5,
10  strokeMiterlimit: 4,
11  strokeDasharray: 'none'
12}
13*/

• It is also possible to pass multiple strings

  1const style = getStyle(
  2  "color:blue;font-size:46px;",
  3  "background-color:red; font-size:16px;"
  4);
  5
  6/* returns an object and takes the last value of same property
  7{ color: 'blue', fontSize: '16px', backgroundColor: 'red' }
  8*/

• Also you can use multiple lines

  1getStyle(`  color:blue;font-size:46px;
  2            background-color:red;
  3            font-size:16px;
  4        `);
  5
  6/* returns the same object
  7{ color: 'blue', fontSize: '16px', backgroundColor: 'red' }
  8*/