interface PlusButtonProps extends React.HTMLAttributes<HTMLSpanElement> {
  state: boolean;
}

export const PlusButton = ({ state, ...props }: PlusButtonProps) => {
  return (
    <span
      className="bold hover1 circle cup"
      style={{
        display: 'block',
        width: 20,
        height: 20,
        lineHeight: '16px',
        textAlign: 'center',
        verticalAlign: 'middle',
        userSelect: 'none',
        fontSize: 20,
      }}
      {...props}
    >
      {state ? '+' : '−'}
    </span>
  );
};