import React from 'react';
import styled from 'styled-components';
import { ButtonStyleProps, styleButton } from './Button.style';

export interface Props extends ButtonStyleProps {
  button?: boolean;
}

// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const Link = styled(({ button, color, display, alignment, icon, large, small, extraSmall, center, ...rest }) => <a {...rest} />)<Props>`
  ${props => props.button && styleButton}
`;

Link.defaultProps = {
  icon: false,
  button: false,
  display: 'block',
  large: false,
  small: false,
  alignment: 'center',
  color: 'blue'
};