// @flow
import React from 'react';
import Button from 'component/button';

type Props = {
  uri: string,
  isMuted: boolean,
  channelClaim: ?ChannelClaim,
  doChannelMute: (string, boolean) => void,
  doChannelUnmute: (string, boolean) => void,
};

function ChannelBlockButton(props: Props) {
  const { uri, doChannelMute, doChannelUnmute, isMuted } = props;

  function handleClick() {
    if (isMuted) {
      doChannelUnmute(uri, false);
    } else {
      doChannelMute(uri, false);
    }
  }

  return (
    <Button
      button={isMuted ? 'alt' : 'secondary'}
      label={isMuted ? __('Unmute') : __('Mute')}
      onClick={handleClick}
    />
  );
}

export default ChannelBlockButton;