import React from 'react';
import styled from 'styled-components';
import { AvatarWText } from '../common/avatars/AvatarWText';
import { DropText } from '../dropdowns/drop';
export const ColabList = () => {
  return /*#__PURE__*/ React.createElement(
    ColabLists,
    null,
    /*#__PURE__*/ React.createElement(
      ColabListItem,
      {
        className: 'd-flx-alc-jsb',
      },
      /*#__PURE__*/ React.createElement(
        'div',
        null,
        /*#__PURE__*/ React.createElement(AvatarWText, {
          image: '/images/avatar1.png',
          initials: 'YA',
          name: 'Yomi Adedeji',
          email: 'Yomi@softcom.ng',
        })
      ),
      /*#__PURE__*/ React.createElement('p', null, 'Owner')
    ),
    /*#__PURE__*/ React.createElement(
      ColabListItem,
      {
        className: 'd-flx-alc-jsb',
      },
      /*#__PURE__*/ React.createElement(
        'div',
        {
          className: '',
        },
        /*#__PURE__*/ React.createElement(AvatarWText, {
          image: '/images/avatar1.png',
          initials: 'ya',
          name: 'Yomi Adedeji',
          email: 'Yomi@softcom.ng',
        })
      ),
      /*#__PURE__*/ React.createElement(
        'div',
        null,
        /*#__PURE__*/ React.createElement(DropText, null)
      )
    ),
    /*#__PURE__*/ React.createElement(
      ColabListItem,
      {
        className: 'd-flx-alc-jsb',
      },
      /*#__PURE__*/ React.createElement(
        'div',
        {
          className: '',
        },
        /*#__PURE__*/ React.createElement(AvatarWText, {
          image: '/images/avatar1.png',
          initials: 'ya',
          name: 'Yomi Adedeji',
          email: 'Yomi@softcom.ng',
        })
      ),
      /*#__PURE__*/ React.createElement(
        'div',
        null,
        /*#__PURE__*/ React.createElement(DropText, null)
      )
    ),
    /*#__PURE__*/ React.createElement(
      ColabListItem,
      {
        className: 'd-flx-alc-jsb',
      },
      /*#__PURE__*/ React.createElement(
        'div',
        {
          className: '',
        },
        /*#__PURE__*/ React.createElement(AvatarWText, {
          image: '/images/avatar1.png',
          initials: 'ya',
          name: 'Yomi Adedeji',
          email: 'Yomi@softcom.ng',
        })
      ),
      /*#__PURE__*/ React.createElement(
        'div',
        null,
        /*#__PURE__*/ React.createElement(DropText, null)
      )
    )
  );
};
const ColabLists = styled.ul``;
const ColabListItem = styled.li`
  padding: 1.5rem 0;
  border-bottom: 1px solid #e8edff;
`;
