owncast/web/components/ui/Statusbar/StatusBar.stories.tsx

import { Meta } from '@storybook/react';
import { subHours, subMinutes, subSeconds } from 'date-fns';
import { Statusbar } from './Statusbar';

const meta = {
  title: 'owncast/Player/Status bar',
  component: Statusbar,
  parameters: {},
} satisfies Meta<typeof Statusbar>;

export default meta;

export const Online = {
  args: {
    online: true,
    viewerCount: 42,
    lastConnectTime: subSeconds(subMinutes(subHours(new Date(), 3), 17), 22),
  },
};

export const Minutes = {
  args: {
    online: true,
    viewerCount: 42,
    lastConnectTime: subSeconds(subMinutes(new Date(), 17), 22),
  },
};

export const DaysAgo = {
  args: {
    online: true,
    viewerCount: 42,
    lastConnectTime: subHours(new Date(), 17),
  },
};

export const Offline = {
  args: {
    online: false,
    lastDisconnectTime: subHours(new Date(), 3),
  },
};