import { CardASLargeImageComponent } from './AppStore';
import { CardCollageComponent } from './Collage';
import { CardStandardComponent } from './Standard';

const Standard = ({ className = '' }) => {
  return <CardStandardComponent className={className} />;
};

const AppleStore = () => {
  return <CardASLargeImageComponent />;
};

const Collage = () => {
  return <CardCollageComponent />;
};

Standard.displayName = 'CardStandard';
AppleStore.displayName = 'CardAppStore';
Collage.displayName = 'CardCollage';

export const CardExamples = Object.assign({ Standard, AppleStore, Collage });