I’m trying to access the css values inside a variable but I’m not getting

Question

I am using the code below but I cannot access the values of the variable cssPrimary and use other values together, someone could give me a help.

I need that little help

import styled, { css } from 'styled-components'

let cssPrimary = {
background: '#192254',
color: '#FFFFFF',
stroke: '#FFFFFF',
justifyContent: 'space-between',
backgroundHover: '#24CCB8',
strokeHover: '#434343',
colorHover: '#434343',
}

console.log(Object.values(cssPrimary), 'teste');
const getStyle = (props) => {
  if (props.category === 'primary') {
    if (props.states === 'default' && props.sizes === 'large') { 
      return {
        cssPrimary,
        height: '200px',
      }
    }