Как условно установить стилизованный компонент изображения src с учетом медиазапроса

Question

Я пытаюсь установить источник изображения условно для настольных и мобильных устройств. Как мне это сделать?

Я пробовал это, но синтаксис неправильный

const TitleBarLogo = styled.img.attrs({
  src: mobileLogo
  @media (min-width: 768px){
    src: desktopLogo
  } 
})``;

спасибо