veza/apps/web/src/features/cloud/components/CloudUploadModal.stories.tsx

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

const meta: Meta<typeof CloudUploadModal> = {
  title: 'Cloud/CloudUploadModal',
  component: CloudUploadModal,
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof CloudUploadModal>;

export const Default: Story = {
  args: {
    isOpen: true,
    onClose: () => {},
    quota: {
      user_id: 'u1',
      max_bytes: 5368709120,
      used_bytes: 121500000,
      available: 5247209120,
      percentage: 2.26,
    },
  },
};

export const Empty: Story = {
  args: {
    isOpen: true,
    onClose: () => {},
    quota: null,
  },
};

export const QuotaAlmostFull: Story = {
  args: {
    isOpen: true,
    onClose: () => {},
    quota: {
      user_id: 'u1',
      max_bytes: 5368709120,
      used_bytes: 5100000000,
      available: 268709120,
      percentage: 95,
    },
  },
};