import { SkeletonComponent } from './skeleton.component';
import { UiSkeletonModule } from './skeleton.module';

export default { title: 'Skeleton', component: SkeletonComponent };

const componentModule = {
  moduleMetadata: {
    imports: [UiSkeletonModule],
  },
};

export const standard = () => ({
  ...componentModule,
  template: '<ui-skeleton></ui-skeleton>',
});

export const limitedMultiLine = () => ({
  ...componentModule,
  template: '<ui-skeleton [uiCount]="2"></ui-skeleton>',
});

export const extensiveMultiLine = () => ({
  ...componentModule,
  template: '<ui-skeleton [uiCount]="5"></ui-skeleton>',
});

export const paragraphless = () => ({
  ...componentModule,
  template: '<ui-skeleton [uiCount]="0"></ui-skeleton>',
});

export const customText = () => ({
  ...componentModule,
  template: '<ui-skeleton uiText="I am a custom text..."></ui-skeleton>',
});

export const noText = () => ({
  ...componentModule,
  template: '<ui-skeleton uiText=""></ui-skeleton>',
});
