import React from 'react';

export default function CategoriesIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
      {...props}
    >
      {/* Outer rounded container matching Lucide style */}
      <rect x="3" y="3" width="18" height="18" rx="4" />
      
      {/* Bullets inside as solid dots */}
      <circle cx="8" cy="9" r="1" fill="currentColor" stroke="none" />
      <circle cx="8" cy="12" r="1" fill="currentColor" stroke="none" />
      <circle cx="8" cy="15" r="1" fill="currentColor" stroke="none" />

      {/* List items lines */}
      <line x1="12" y1="9" x2="17" y2="9" />
      <line x1="12" y1="12" x2="17" y2="12" />
      <line x1="12" y1="15" x2="17" y2="15" />
    </svg>
  );
}