1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-23 18:56:29 +02:00
Files
csslayout/client/patterns/separator/Cover.tsx
2019-11-24 23:09:38 +07:00

22 lines
643 B
TypeScript

import React from 'react';
import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line';
import Rectangle from '../../placeholders/Rectangle';
const Cover = () => {
return (
<Frame>
<div className="h-100 flex flex-column items-center justify-center">
<div className="flex items-center h1 w-80">
<div style={{ flex: 1 }}><Line /></div>
<div className="w-25 mh1"><Rectangle /></div>
<div style={{ flex: 1 }}><Line /></div>
</div>
</div>
</Frame>
);
};
export default Cover;