🌈 TypeScript + Material UI + Styled component + React

Button.tsx

import * as React from 'react';
import styled from 'styled-components';
import Button, { ButtonProps } from '@material-ui/core/Button';

interface IProps {
  intent?: 'danger' | 'default' | 'success';
}

const ButtonSFC: React.SFC<ButtonProps & IProps> = ({ children, ...props }) => <Button {...props}>{children}</Button>;

const CustomButton = styled(ButtonSFC)`
  && {
    border-radius: 0;
    background-color: ${props => props.intent === 'danger' : 'red' : 'green'};
  }
`;

CustomButton.defaultProps = {
  intent: 'default',
};

export default CustomButton;