import React from 'react';

import UsersList from './UsersList';
import Currency from './Currency';

export default ({
  options,
  group,
  users,
  i18n,
  href
}) => {

  return (
    <div className='Widget'>
      {options.header && (
        <div className='Widget-header'>
          <img src={group.logo} />
          <h1>{group.name}</h1>
          <p>{group.description}</p>

          <div className='Widget-balance'>
            <Currency
              value={group.balance}
              currency={group.currency} />
          </div>
          <div className='Widget-label'>Funds Raised</div>
        </div>
      )}

      {options.backers && (
        <div className='Widget-backers'>
          <h2>Meet our backers</h2>
          <UsersList users={users} i18n={i18n} />
        </div>
      )}

      {options.donate && (
        <a href={href} target="_blank">
          <div className='Button Widget-button'>
            Donate
          </div>
        </a>
      )}
    </div>
  );
}
@@ -476,16 +476,20 @@
 .balance
+/100
 %7D%0A      

fix balance on widget (#488)