import { configVersion } from 'src/types/config-versions';

const getMerchantColorsQuery = () => `
  query ($version: "${configVersion()}") {
    me {
      getProductsConfigByVersion(version: $version) {
        colors {
          values
        }
      }
    }
  }
`;

interface GetMerchantColorsQueryData {
  accent_primary: string;
  accent_secondary: string;
  background_dark: string;
  background_light: string;
  background_primary: string;
  background_saturated: string;
  background_secondary: string;
  background_secondary_dark: string;
  background_tertiary: string;
  border_dark: string;
  border_light: string;
  border_medium: string;
  border_outline: string;
  text_accent: string;
  text_light: string;
  text_link: string;
  text_primary: string;
  text_secondary: string;
}

export { getMerchantColorsQuery };
export type { GetMerchantColorsQueryData };
