alexdisdier

INSERT GRAPHIC HERE (include hyperlink in image)

Repository Title Goes Here

Subtitle or Short Description Goes Here

alexdisdier

Keybase proof

I hereby claim:

• I am alexdisdier on github.
• I am alexdisdier (https://keybase.io/alexdisdier) on keybase.
• I have a public key ASA11Io6WN_TfH-zf9qD4Qmh3_YGjVKa_8JCtChgvGVe2Ao

To claim this, I am signing this object:

alexdisdier

: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;

alexdisdier

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({

alexdisdier

import * as React from 'react';

import useStyles from './button.style';

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

alexdisdier

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',

alexdisdier

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);

alexdisdier

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

import Button, { Props } from '.';

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

  beforeEach(() => {
    props = {

alexdisdier

// 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,

alexdisdier

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