import {
  ArrowDownOutline,
  ArrowUpOutline,
  ArrowLeftOutline,
  ArrowRightOutline,
  ArrowDownFill,
  ArrowUpFill,
  ArrowLeftFill,
  ArrowRightFill,
} from '../'

type DirectionValue = 'left' | 'up' | 'right' | 'down'

export const getArrowOutline = (x: DirectionValue) => {
  switch (x) {
    case 'down':
      return ArrowDownOutline

    case 'up':
      return ArrowUpOutline

    case 'left':
      return ArrowLeftOutline

    default:
      return ArrowRightOutline
  }
}

export const getArrowFill = (x: DirectionValue) => {
  switch (x) {
    case 'down':
      return ArrowDownFill

    case 'up':
      return ArrowUpFill

    case 'left':
      return ArrowLeftFill

    default:
      return ArrowRightFill
  }
}