import React from 'react';
import PropTypes from 'prop-types';

import ProtoAnchor from './ProtoAnchor'


const Anchor = props => {

  return (
    <ProtoAnchor
      {...props}
      prop-disabled={`${props['prop-disabled']}`}>
      { props.children }
    </ProtoAnchor>
  )
}

Anchor.propTypes = {
  'prop-disabled':  PropTypes.bool,
  'prop-color':     PropTypes.string,
  'prop-size':      PropTypes.string,
  'prop-type':      PropTypes.string,
};

Anchor.defaultProps = {
  'prop-disabled':  false,
  'prop-color':     'black',
  'prop-size':      'md',
  'prop-type':      'link',
};


export default Anchor;