import theme from 'react/styles/theme';
import GenericButton from 'react/components/UI/GenericButton';
import styled from 'styled-components';

const CTAButton = styled(GenericButton).attrs({
  f: 6,
})`
  margin-top: ${theme.space[6]}
`;

export default CTAButton;

import GenericButton from 'react/components/UI/GenericButton';
import styled from 'styled-components';

const CTAButton = styled(GenericButton).attrs({
  f: 6
})`
  margin-top: ${x => x.theme.space[6]}
`;

export default CTAButton;

Use theme propeties in CTAButton styled component
Use theme propeties in CTAButton styled component
