import { Icon, type IconProps } from '../../components/Icon.tsx'

export interface SidebarRightIconProps extends IconProps {
  variant?: 'regular' | 'fill'
}

export function SidebarRightIcon({ variant = 'regular', ...props }: SidebarRightIconProps) {
  const src = (() => {
    switch (variant) {
      default:
      case 'regular':
        return <svg fill="currentcolor" viewBox="0 0 32 32"><path d="M5 5h22a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2m22 2h-5v18h5zM5 25h15V7H5z" /></svg>
      case 'fill':
        return <svg fill="currentcolor" viewBox="0 0 32 32"><path d="M5 5h22a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2m0 20h16V7H5z" /></svg>
    }
  })()

  return <Icon src={src} data-name="SidebarRight" {...props} />
}
