pseudocode.js

import styled from 'styled-components';
const StyledButton = styled(Button)`
  color: ${({ theme }) => theme.colors.primary};
`;
const primary = 'green';
const theme = {
 colors: {
   primary,
 } 
}
import { ThemeProvider } from 'styled-components';
const SubmitButton = () => { 
  return (
    <ThemeProvider theme={theme}>
    <StyledButton>Themed Button</StyledButton>
    </ThemeProvider>
  )
}