import React from 'react';
import {
  IconEye,
  IconCancel,
  IconLock,
  IconProps,
} from '@tabler/icons-react-native';
import {PrivacyPolicy} from '@modules/group/interfaces';
import {useTheme} from '@shared/theme';

const IconMapper = {
  [PrivacyPolicy.Open]: IconEye,
  [PrivacyPolicy.Close]: IconCancel,
  [PrivacyPolicy.Secret]: IconLock,
};

interface IconPolicyProps extends IconProps {
  policy: PrivacyPolicy;
}

export const IconPolicy = ({policy, ...props}: IconPolicyProps) => {
  const {theme} = useTheme();
  const Icon = IconMapper[policy];
  return <Icon color={theme.text.neutral.default} {...props} />;
};

export default IconPolicy;