1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-23 02:36:11 +02:00
Files
csslayout/patterns/avatar-list/Cover.tsx
Phuoc Nguyen 829d57c1bf Cleanup
2021-09-27 23:33:13 +07:00

47 lines
1.6 KiB
TypeScript

import * as React from 'react';
import Frame from '../../placeholders/Frame';
const Cover: React.FC<{}> = () => {
return (
<Frame>
<div
style={{
alignItems: 'center',
display: 'flex',
height: '100%',
justifyContent: 'center',
padding: '8px',
}}
>
{Array(3)
.fill(null)
.map((_, i) => {
return (
<div key={i} style={{ marginLeft: '-4px' }}>
<div
style={{
alignItems: 'center',
backgroundColor: '#BBB',
borderRadius: '9999px',
boxShadow: '0 0 0 2px #FFF',
color: '#FFF',
display: 'flex',
fontSize: '12px',
height: '24px',
justifyContent: 'center',
width: '24px',
}}
>
{i + 1}
</div>
</div>
);
})}
</div>
</Frame>
);
};
export default Cover;