/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* eslint-disable import/order */
import * as React from 'react';

export const Icon = ({ className = '', src, title }: { className?: string; title?: string; src: string }) => (
	<span className={`icon ${className}`} title={title} dangerouslySetInnerHTML={{ __html: src }} />
);

export default Icon;

export const AlertIcon = props => <Icon {...props} src={require('../../resources/icons/alert.svg')} />;
export const CheckIcon = props => <Icon {...props} src={require('../../resources/icons/check.svg')} />;
export const SkipIcon = props => <Icon {...props} src={require('../../resources/icons/skip.svg')} />;
export const ChevronIcon = props => <Icon {...props} src={require('../../resources/icons/chevron.svg')} />;
export const CommentIcon = props => <Icon {...props} src={require('../../resources/icons/comment.svg')} />;
export const CommitIcon = props => <Icon {...props} src={require('../../resources/icons/commit_icon.svg')} />;
export const CopyIcon = props => <Icon {...props} src={require('../../resources/icons/copy.svg')} />;
export const DeleteIcon = props => <Icon {...props} src={require('../../resources/icons/delete.svg')} />;
export const MergeIcon = props => <Icon {...props} src={require('../../resources/icons/merge_icon.svg')} />;
export const EditIcon = props => <Icon {...props} src={require('../../resources/icons/edit.svg')} />;
export const PlusIcon = props => <Icon {...props} src={require('../../resources/icons/plus.svg')} />;
export const PendingIcon = props => <Icon {...props} src={require('../../resources/icons/dot.svg')} />;
export const DiffIcon = props => <Icon {...props} src={require('../../resources/icons/diff.svg')} />;
export const RepoIcon = props => <Icon {...props} src={require('../../resources/icons/repo.svg')} />;
export const GitCompareIcon = props => <Icon {...props} src={require('../../resources/icons/git_compare.svg')} />;
