/* Generated code. Do not edit.*/
import { useMemo } from 'react'
import { IconProps } from '../types'
import regular from '../regular/ArrowUDownRight'
import fill from '../fill/ArrowUDownRight'
import bold from '../bold/ArrowUDownRight'

function ArrowUDownRight(props: IconProps) {
  const {
    color = '#000',
    size = 24,
    weight = 'regular',
    mirrored = false,
    style
  } = props

  const weightMap = {
    fill,
    regular,
    bold,
  }

  const IconComponent = useMemo(() => {
    return weightMap[weight]
  }, [weight])

  return (
    <IconComponent
      color={color}
      size={size}
      style={[style, ...[mirrored && { transform: 'scaleX(-1)' }]]}
    />
  )
}

export default ArrowUDownRight