import type { Meta, StoryObj } from '@storybook/react';
import { ActiveCallBar } from './ActiveCallBar';

const meta: Meta<typeof ActiveCallBar> = {
  component: ActiveCallBar,
  tags: ['autodocs'],
};

export default meta;

type Story = StoryObj<typeof ActiveCallBar>;

export const Default: Story = {
  args: {
    remoteUserName: 'Bob',
    isMuted: false,
    onToggleMute: () => {},
    onHangup: () => {},
  },
};

export const Muted: Story = {
  args: {
    ...Default.args,
    isMuted: true,
  },
};