import { Story, Meta } from '@storybook/web-components';
import { html } from 'lit';

import { OnChatGroupClient } from './group-client';

import './group-client';

export default {
  title: 'Group client',
} as Meta;

const Template: Story<Partial<OnChatGroupClient>> = ({
  appId,
  authToken,
  roomId,
  userId,
}) => html`
  <style>
    html,
    body,
    #root,
    #root-inner,
    on-chat-group-client {
      height: 100%;
      margin: 0;
    }
  </style>
  <on-chat-group-client
    .appId="${appId}"
    .authToken="${authToken}"
    .roomId="${roomId}"
    .userId="${userId}"
  ></on-chat-group-client>
`;

export const Default = Template.bind({});
Default.args = {
  appId: '810E67A0-0200-48ED-82AA-FC3C7BF70491',
  authToken: '2739a022d12928bd1714457a872d06e9f90bfce4',
  roomId:
    'sendbird_group_channel_179690320_57fe9b64043f7d29e790ec1becf107c13531e2c0',
  userId: '977691',
};