ChannelInfo.tsx

import React from 'react';
import Svg, { Path } from 'react-native-svg';
import { useTheme } from 'stream-chat-react-native';

export const ChannelInfo = () => {
  const {
    theme: {
      semantics,
    },
  } = useTheme();

  return (
    <Svg
      width={20}
      height={20}
      viewBox='0 0 20 20'
      fill='none'
    >
      <Path
        d='M8.95841 8.41663C8.5442 8.41663 8.20841 8.75241 8.20841 9.16663C8.20841 9.58084 8.5442 9.91663 8.95841 9.91663V9.16663V8.41663ZM10.0001 9.16663H10.7501C10.7501 8.75241 10.4143 8.41663 10.0001 8.41663V9.16663ZM9.25008 13.5416C9.25008 13.9558 9.58587 14.2916 10.0001 14.2916C10.4143 14.2916 10.7501 13.9558 10.7501 13.5416H10.0001H9.25008ZM8.95841 9.16663V9.91663H10.0001V9.16663V8.41663H8.95841V9.16663ZM10.0001 9.16663H9.25008V13.5416H10.0001H10.7501V9.16663H10.0001ZM17.7084 9.99996H16.9584C16.9584 13.8429 13.843 16.9583 10.0001 16.9583V17.7083V18.4583C14.6715 18.4583 18.4584 14.6713 18.4584 9.99996H17.7084ZM10.0001 17.7083V16.9583C6.1571 16.9583 3.04175 13.8429 3.04175 9.99996H2.29175H1.54175C1.54175 14.6713 5.32867 18.4583 10.0001 18.4583V17.7083ZM2.29175 9.99996H3.04175C3.04175 6.15698 6.1571 3.04163 10.0001 3.04163V2.29163V1.54163C5.32868 1.54163 1.54175 5.32855 1.54175 9.99996H2.29175ZM10.0001 2.29163V3.04163C13.843 3.04163 16.9584 6.15698 16.9584 9.99996H17.7084H18.4584C18.4584 5.32855 14.6715 1.54163 10.0001 1.54163V2.29163ZM9.89592 6.1458V5.3958C9.19402 5.3958 8.62508 5.96478 8.62508 6.66663H9.37508H10.1251C10.1251 6.79318 10.0225 6.8958 9.89592 6.8958V6.1458ZM9.37508 6.66663H8.62508C8.62508 7.36848 9.19402 7.93747 9.89592 7.93747V7.18747V6.43747C10.0225 6.43747 10.1251 6.54008 10.1251 6.66663H9.37508ZM9.89592 7.18747V7.93747C10.5978 7.93747 11.1667 7.36848 11.1667 6.66663H10.4167H9.66675C9.66675 6.54008 9.76935 6.43747 9.89592 6.43747V7.18747ZM10.4167 6.66663H11.1667C11.1667 5.96478 10.5978 5.3958 9.89592 5.3958V6.1458V6.8958C9.76935 6.8958 9.66675 6.79318 9.66675 6.66663H10.4167Z'
        fill={semantics.textSecondary}
      />
    </Svg>
  );
};