import React from 'react' import VisuallyHidden from '@reach/visually-hidden' import { COLORS } from '../lib/constants' const Button = ({ id, onClick = () => {}, background = COLORS.BLACK, color = COLORS.SECONDARY, hoverBackground = COLORS.HOVER, hoverColor, disabled, selected, children, border, center, large, flex = 1, padding = 0, margin = 0, title, Component = 'button', display, ...props }) => ( {title && {title}} {children} ) export default Button