fix: use CSS property type

this commit uses a CSSProperties type from feedback provided in
#61

it also adds a tests to test the functionality.

closes #61

Author: robertkowalski

__tests__/index.spec.tsx

@@ -305,5 +305,20 @@ describe("Ansi", () => {
         '<code><span class="ansi-green-fg">this is a link: <a href="https://nteract.io/" target="_blank">https://nteract.io/</a></span></code>'
       );
     });
+
+    test("can add text decoration styles", () => {
+      const el = shallow(
+        React.createElement(
+          Ansi,
+          {},
+          `hello ${GREEN_FG}${BOLD}world${RESET}!`
+        )
+      );
+      expect(el).not.toBeNull();
+      expect(el.text()).toBe("hello world!");
+      expect(el.html()).toBe(
+        '<code><span>hello </span><span style="color:rgb(0, 187, 0);font-weight:bold">world</span><span>!</span></code>'
+      );
+    });
   });
 });

src/index.ts

@@ -51,29 +51,15 @@ function createClass(bundle: AnserJsonEntry): string | null {
   return classNames;
 }
 
-interface Colors {
-  color?: string;
-  backgroundColor?: string;
-}
-
-interface Styles extends Colors {
-  fontWeight?: string;
-  opacity?: string;
-  fontStyle?: string;
-  visibility?: string;
-  textDecoration?: string;
-}
-
-
 /**
  * Create the style attribute.
  * @name createStyle
  * @function
  * @param {AnserJsonEntry} bundle
  * @return {Object} returns the style object
  */
-function createStyle(bundle: AnserJsonEntry): Colors {
-  const style: Styles = {};
+function createStyle(bundle: AnserJsonEntry): React.CSSProperties {
+  const style: React.CSSProperties = {};
   if (bundle.bg) {
     style.backgroundColor = `rgb(${bundle.bg})`;
   }