styled components using the open structured theme

Component1.tsx

import styled from 'styled-components'
import { Colors, Spacings } from '../theme.ts'

const PrimaryButton = styled.button`
  background-color: ${Colors.primary};
  border: 0;
  margin-bottom: ${Spacings.md};
`

const Component1 = () => {

  return <>
    <h1>Below there will be a button that is using the primary colors from our theme</h1>
    <PrimaryButton>Click me</PrimaryButton>
    <p>There is some margin above me</p>  
  </>
}

export default Component1