Simple react component with styled-components

import React from 'react';
import styled from 'styled-components';

const Button = styled.button`
  border: 1px solid black;
  background-color: white;
  padding: 10px;
  color: black;
  transition: 0.2s all;
  pointer: cursor;
  &:hover {
    background-color: darkgray;
    color: white;
  }
`;

const MyFirstComponent: React.FC = () => {
  return (
    <>
      <h1>A basic button</h1>
      <Button>Click me</Button>
    </>
  );
}

export default MyFirstComponent;