import styled from 'styled-components' ; import { Button } from 'antd' ; export const StepButton = styled ( Button ) < { primary_color : string ; secondary_color : string ; } > `
  border: none;
  color: ${ ( { secondary_color } ) => secondary_color };
  background: ${ ( { primary_color } ) => primary_color };

  &:hover {
    background: ${ ( { primary_color } ) => primary_color };
    color: ${ ( { secondary_color } ) => secondary_color };
    border: none;
    box-shadow: black 2px 2px 1px;
  }
` ; export const NextButton = styled ( Button ) < { primary_color : string ; secondary_color : string ; } > `
  border: none;
  color: ${ ( { secondary_color } ) => secondary_color };
  background: ${ ( { primary_color } ) => primary_color };

  &:hover {
    background: ${ ( { primary_color } ) => primary_color };
    color: ${ ( { secondary_color } ) => secondary_color };
    border: none;
    box-shadow: black 2px 2px 1px;
  }
` ; export const PrevButton = styled ( Button ) `
  background: white;
  border: solid #777 1px;
  color: #777;

  &:hover {
    color: black;
    border: solid black 1px;
  }
` ;