Collection Permissions (#829)

see https://github.com/outline/outline/issues/668

app/components/List/Placeholder.js

@@ -0,0 +1,29 @@
+// @flow
+import * as React from 'react';
+import { times } from 'lodash';
+import styled from 'styled-components';
+import Mask from 'components/Mask';
+import Fade from 'components/Fade';
+import Flex from 'shared/components/Flex';
+
+type Props = {
+  count?: number,
+};
+
+const Placeholder = ({ count }: Props) => {
+  return (
+    <Fade>
+      {times(count || 2, index => (
+        <Item key={index} column auto>
+          <Mask />
+        </Item>
+      ))}
+    </Fade>
+  );
+};
+
+const Item = styled(Flex)`
+  padding: 15px 0 16px;
+`;
+
+export default Placeholder;