// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import * as React from 'react';
import { isBoolean } from 'lodash';

import { action } from '@storybook/addon-actions';

import { setupI18n } from '../../../util/setupI18n';
import enMessages from '../../../../_locales/en/messages.json';
import type { Props } from './ConversationDetailsActions';
import { ConversationDetailsActions } from './ConversationDetailsActions';

const i18n = setupI18n('en', enMessages);

export default {
  title:
    'Components/Conversation/ConversationDetails/ConversationDetailsActions',
};

const createProps = (overrideProps: Partial<Props> = {}): Props => ({
  cannotLeaveBecauseYouAreLastAdmin: isBoolean(
    overrideProps.cannotLeaveBecauseYouAreLastAdmin
  )
    ? overrideProps.cannotLeaveBecauseYouAreLastAdmin
    : false,
  conversationTitle: overrideProps.conversationTitle || '',
  left: isBoolean(overrideProps.left) ? overrideProps.left : false,
  onBlock: action('onBlock'),
  onLeave: action('onLeave'),
  onUnblock: action('onUnblock'),
  i18n,
  isBlocked: isBoolean(overrideProps.isBlocked),
  isGroup: true,
});

export const Basic = (): JSX.Element => {
  const props = createProps();

  return <ConversationDetailsActions {...props} />;
};

export const LeftTheGroup = (): JSX.Element => {
  const props = createProps({ left: true });

  return <ConversationDetailsActions {...props} />;
};

LeftTheGroup.story = {
  name: 'Left the group',
};

export const BlockedAndLeftTheGroup = (): JSX.Element => {
  const props = createProps({
    left: true,
    isBlocked: true,
    conversationTitle: '😸 Cat Snaps',
  });

  return <ConversationDetailsActions {...props} />;
};

BlockedAndLeftTheGroup.story = {
  name: 'Blocked and left the group',
};

export const CannotLeaveBecauseYouAreTheLastAdmin = (): JSX.Element => {
  const props = createProps({ cannotLeaveBecauseYouAreLastAdmin: true });

  return <ConversationDetailsActions {...props} />;
};

CannotLeaveBecauseYouAreTheLastAdmin.story = {
  name: 'Cannot leave because you are the last admin',
};

export const _11 = (): JSX.Element => (
  <ConversationDetailsActions {...createProps()} isGroup={false} />
);

_11.story = {
  name: '1:1',
};

export const _11Blocked = (): JSX.Element => (
  <ConversationDetailsActions {...createProps()} isGroup={false} isBlocked />
);

_11Blocked.story = {
  name: '1:1 Blocked',
};