27 lines
805 B
TypeScript
27 lines
805 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
import { Stack } from 'soapbox/components/ui';
|
||
|
|
|
||
|
|
import { generateText, randomIntFromInterval } from '../utils';
|
||
|
|
|
||
|
|
const PlaceholderEventHeader = () => {
|
||
|
|
const eventNameLength = randomIntFromInterval(5, 25);
|
||
|
|
const organizerNameLength = randomIntFromInterval(5, 30);
|
||
|
|
const dateLength = randomIntFromInterval(5, 30);
|
||
|
|
const locationLength = randomIntFromInterval(5, 30);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Stack className='animate-pulse text-primary-50 dark:text-primary-800' space={2}>
|
||
|
|
<p className='text-lg'>{generateText(eventNameLength)}</p>
|
||
|
|
|
||
|
|
<Stack space={1}>
|
||
|
|
<p>{generateText(organizerNameLength)}</p>
|
||
|
|
<p>{generateText(dateLength)}</p>
|
||
|
|
<p>{generateText(locationLength)}</p>
|
||
|
|
</Stack>
|
||
|
|
</Stack>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default PlaceholderEventHeader;
|