import React from 'react';
import { Path, Svg } from 'react-native-svg';
import type { ThemeProps } from '../../../branding/hoc/types';
import { withTheme } from '../../../branding';

export const PendingIcon = ({ colors }: ThemeProps) => (
    <Svg
        width={14}
        height={14}
        viewBox="0 0 14 14"
        fill="none"
        testID="pendingIcon"
    >
        <Path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M12 7A5 5 0 112 7a5 5 0 0110 0zm2 0A7 7 0 110 7a7 7 0 0114 0zM6.5 4h-1v4.5H10v-1H6.5V4z"
            fill={colors.warning350}
        />
    </Svg>
);

export default withTheme(PendingIcon);