import React from 'react';
import { styled } from 'styleh-components';
import Button from '../BaseButtonAtom';
const classes = {
    riderWrap: 'ghost ghost-button-styled-rider-wrap',
};
/**
 * @todo simply use .attrs
 */
const StyledGhostButton = styled(Button) `
  border: 1px solid var(--color-black);
  padding: var(--spacing-small) var(--spacing-medium);
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  @font(13, semi);
  cursor: pointer;
  justify-content: center;
  align-items: center;
`;
class GhostButton extends React.PureComponent {
    render() {
        return React.createElement(StyledGhostButton, Object.assign({}, this.props));
    }
}
GhostButton.defaultProps = {
    defaultClassName: classes.riderWrap,
    ghost: true,
};
export { GhostButton };
export default GhostButton;
//# sourceMappingURL=GhostButton.js.map