Example React component with Linaria

index.js

// src/components/some-component/index.js

import styled from '@linaria/react';

const SomeComponent = () => {
  return (
    <ButtonLink>
     styled link
    </ButtonLink>
  );
}

const ButtonLink = styled.a`
  background: transparent;
  border-radius: 3px;
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
  display: inline-block;
  margin: 0.5rem 1rem;
  padding: 0.5rem 0;
  transition: all 200ms ease-in-out;
  width: 11rem;
`;

export default SomeComponent