использование функции в шаблоне мультимедиа со стилизованными компонентами

Question

Я работаю с styled-components и пытаюсь использовать функцию в шаблоне мультимедиа.

То есть шаблон мультимедиа:

const media: any = {
  desktop: (args: TemplateStringsArray) => {
    return css`
      @media (min-width: 1024px) {
        ${css(args)};
      }
    `
  }
}

иИспользование, где я хочу использовать функцию в шаблоне мультимедиа:

const Wrapper = styled<any, any>('div')`
border: 5px;
${media.desktop`
    background-size: 100vh;
    background-image: ${() => { console.log('this does not work'); return ''}}
`};
background-image: ${() => { console.log('this works!'); return ''}}
`

Итак, возможна ли функция в шаблоне мультимедиа и каков тогда синтаксис?