Lucide preact package (#291)

* Add preact package

* Fix types

* update types

* fix types

* remove dependecies

* bump version

* improve test setup for react as well

* Add workflow for preact

* Fix types

* bump version

* Add white space

* remove forward ref

* bump package

* Fix types

* Fix types

* bump version

* Remove proptypings

* Test new version

* Add some extra documentation

packages/lucide-react/tests/lucide-react.spec.js

@@ -1,27 +1,31 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react'
 import { Grid } from '../src/icons'
 
 describe('Using lucide icon components', () => {
   it('should render an component', () => {
-    const component = renderer.create(
-      <Grid/>,
-    );
+    const { container } = render( <Grid/> );
 
-    let tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
+    expect( container.innerHTML ).toMatchSnapshot();
   });
 
   it('should adjust the size, stroke color and stroke width', () => {
-    const component = renderer.create(
+    const testId = 'grid-icon';
+    const { container, getByTestId } = render(
       <Grid
+        data-testid={testId}
         size={48}
         stroke="red"
         strokeWidth={4}
       />,
     );
 
-    let tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
+    const { attributes } = getByTestId(testId);
+    expect(attributes.stroke.value).toBe('red');
+    expect(attributes.width.value).toBe('48');
+    expect(attributes.height.value).toBe('48');
+    expect(attributes['stroke-width'].value).toBe('4');
+
+    expect( container.innerHTML ).toMatchSnapshot();
   });
 })