import React from 'react';
import {
  MailOutlined,
  LockOutlined,
  UserOutlined,
  BookOutlined,
  BarsOutlined,
  AlignLeftOutlined,
} from '@ant-design/icons';

export const EmailIcon = () => (
  <MailOutlined style={{ color: 'rgba(0,0,0,.25)' }} />
);

export const LockIcon = () => (
  <LockOutlined style={{ color: 'rgba(0,0,0,.25)' }} />
);

export const UserIcon = () => (
  <UserOutlined style={{ color: 'rgba(0,0,0,.25)' }} />
);

export const BookIcon = () => (
  <BookOutlined style={{ color: 'rgba(0,0,0,.25)' }} />
);

export const BarsIcon = () => (
  <BarsOutlined style={{ color: 'rgba(0,0,0,.25)' }} />
);

export const AlignLeftIcon = () => (
  <AlignLeftOutlined style={{ color: 'rgba(0,0,0,.25)' }} />
);
