export const IndeterminateIcon = ({ disabled }: { disabled?: boolean }) => (
  <svg
    id="indeterminate-icon"
    width="16"
    height="16"
    fill="none"
    viewBox="0 0 16 16"
    xmlns="http://www.w3.org/2000/svg"
    className="hidden size-4 max-h-4 min-h-4 min-w-4 max-w-4 group-data-[state=indeterminate]:block"
  >
    <path
      fill={disabled ? 'transparent' : 'var(--link)'}
      d="M0 4a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z"
    />
    <path
      stroke={disabled ? 'var(--input-muted-more-foreground)' : 'var(--input)'}
      strokeWidth="1.5"
      d="M4.333 8h7.334"
    />
  </svg>
)