styled-componentsの複数条件の書き方

以下のことがしたかった

propsに紐づくものを色変更したかった

const colorFlag = (props:string) => {
  switch (props) {
    case '01':
      return `red`
    case '02':
      return `blue`
    case '03':
      return `yellow`
    default:
      break
  }
}


export const StyledColor = styled.a<{ type: string}>`
  background: ${props => colorFlag(props.categoryType)};
`

##　まとめ
グロースハックやコンポーネント分割で
propsで条件分けたい時（複数）のやり方のメモ