LinkButton component

Author: eugenezinovyev

packages/components/LinkButton/LinkButton.js

@@ -0,0 +1,9 @@
+import { clsx } from '@lcov-viewer/core';
+import React from 'react';
+import classes from './LinkButton.module.less';
+
+const LinkButton = ({ children, className, ...props }) => (
+  <button className={clsx(classes.root, className)} {...props}>{children}</button>
+);
+
+export default LinkButton;

packages/components/LinkButton/LinkButton.module.less

@@ -0,0 +1,18 @@
+@import "@lcov-viewer/core/styles/colors";
+
+.root {
+  border: none;
+  outline: none;
+  background: none;
+  color: @color-main;
+  text-decoration: none;
+  margin: 0;
+  padding: 0;
+  font-family: inherit;
+  font-size: inherit;
+  cursor: pointer;
+
+  &:hover {
+    color: darken(@color-main, 20%);
+  }
+}

packages/components/index.js

@@ -2,3 +2,4 @@ export { default as TreeView } from './TreeView/TreeView';
 export { default as Footer } from './Footer/Footer';
 export { default as CoverageIndicator } from './CoverageIndicator/CoverageIndicator';
 export { default as Summary } from './Summary/Summary';
+export { default as LinkButton } from './LinkButton/LinkButton';