25 lines
461 B
TypeScript
25 lines
461 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
interface SpacerProps {
|
||
|
|
size: number;
|
||
|
|
}
|
||
|
|
|
||
|
|
const styles = { padding: '15px 0', height: '1px' };
|
||
|
|
|
||
|
|
const Comp = ({ ...props }): JSX.Element => (
|
||
|
|
<div className='spacer' style={styles} {...props} />
|
||
|
|
);
|
||
|
|
|
||
|
|
const Spacer = ({ size = 1 }: SpacerProps): JSX.Element =>
|
||
|
|
size === 1 ? (
|
||
|
|
<Comp />
|
||
|
|
) : (
|
||
|
|
<>
|
||
|
|
{Array.from(Array(size), (_, i) => (
|
||
|
|
<Comp key={`spacer_${i}`} />
|
||
|
|
))}
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default Spacer;
|