Component boilerplate

index.spec.tsx

import React from "react";
import { render } from "@testing-library/react";

import Component from ".";

describe("Component", () => {
  it("should render successfully", () => {
    const { baseElement } = render(<Component />);
    expect(baseElement).toBeTruthy();
  });
});

index.stories.tsx

import React from "react";
import Component from ".";

export default {
  title: "atoms/Component"
};

export const Basic = () => <Component />;

index.tsx

import React from "react";

export interface ComponentProps {}

export const Component = (props: ComponentProps) => {
  return <div>Hello component</div>;
};

export default Component;

styled-components.tsx

import styled from "styled-components";

export const ComponentContainer = styled.div``;