import React from 'react';

import { TEST_CLIP } from '@/components/clipBrowser/__tests__/fixtures/clips';

import { default as CategoryCard } from './CategoryCard';

export default {
  title: 'system/CategoryCard',
  component: CategoryCard,
};

export const Default = () => {
  return (
    <CategoryCard
      category='Pop'
      imageUrl={TEST_CLIP.image_url!}
      onClick={() => {}}
    />
  );
};