// @flow
import type { ThemeProps } from '../../../../types';
import { getUrlEncodedChevronColor } from '../css-rules';

export const getChevronLeftDataUri = ({ theme }: ThemeProps) => {
  const color = getUrlEncodedChevronColor(theme);
  return `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='${color}' stroke-linecap='round' stroke-width='2' d='M22 16l-6 6 6 6'/%3E%3C/svg%3E%0A`;
};
