import React from 'react';
export function ListOrderedIcon({
size = 24,
color = "#8b5cf6",
strokeWidth = 2
}: { size?: number; color?: string; strokeWidth?: number }) {
return (
<svg
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke={color}
strokeWidth={strokeWidth}
strokeLinecap="round"
strokeLinejoin="round"
aria-hidden="true"
dangerouslySetInnerHTML={{ __html: `<line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><text x="4" y="7" font-size="5" fill="currentColor" font-family="sans-serif">1</text><text x="4" y="13" font-size="5" fill="currentColor" font-family="sans-serif">2</text><text x="4" y="19" font-size="5" fill="currentColor" font-family="sans-serif">3</text>` }}
/>
);
}