Alex Disdier alexdisdier

Button

A component for triggering a user action. e.g: a submit button in a form

	module.exports = {
	parserOptions: {
	ecmaVersion: 7,
	sourceType: 'module',
	ecmaFeatures: {
	jsx: true
	}
	},
	parser: '@typescript-eslint/parser',
	extends: ['airbnb', 'prettier', 'prettier/react', 'prettier/standard'],

	// VSCODE Extensions installed: Bracket Pair Colorizer, Docker, ESLint, Fix JSON, Git Blame, GraphQl, Material Icon Theme, npm intellisense
	{
	"workbench.iconTheme": "material-icon-theme",
	"editor.fontSize": 16,
	"editor.wordWrap": "on",
	"editor.tabSize": 2,
	"editor.autoClosingBrackets": "always",
	"editor.autoClosingQuotes": "always",
	"editor.detectIndentation": true,
	"editor.formatOnSave": true,

	import React from 'react';
	import { fireEvent, render } from '@testing-library/react';

	import Button, { Props } from '.';

	describe('Button', () => {
	let props: Props;

	beforeEach(() => {
	props = {

	import React from 'react';
	import { storiesOf } from '@storybook/react';
	import { withKnobs, text, boolean, color } from '@storybook/addon-knobs';
	import { action } from '@storybook/addon-actions';

	import README from './README.md';
	import Button from '.';

	const stories = storiesOf('Button', module);

	import { createUseStyles } from 'react-jss';

	export default createUseStyles((theme: any) => ({
	root: {
	color: (props: { color: string }) => props.color \|\| theme.colorPrimary,
	backgroundColor: 'white',
	borderWidth: 1,
	borderColor: (props: { color: string }) =>
	props.color \|\| theme.colorPrimary,
	padding: '15px 32px',

	import * as React from 'react';

	import useStyles from './button.style';

	export type Props = {
	children: React.ReactNode;
	onClick?: () => void;
	color?: string;
	type?: string;
	disabled?: boolean;

	import React from "react";
	import { addReadme } from 'storybook-readme';
	import { create } from '@storybook/theming';
	import { addDecorator, addParameters, configure } from "@storybook/react";
	import { ThemeProvider } from "react-jss";

	import theme from "../src/style/globalStyle";
	import '../src/style/base.css';

	const basicTheme = create({

	:root {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	box-sizing: border-box;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;