import {
  moduleLayoutType,
  PRODUCT_LIST,
  SOCIAL,
  HEADER,
  IMAGE_AND_TEXT
} from './layouts-names';

// It's a bit hardcodey this, but can't think of any other way of determining wether
// a particular module / theme layout has this special behaviour.
export const moduleHasIsFullWidth = (moduleName: string, layoutName: moduleLayoutType) => {
  switch (moduleName) {
    case 'DatoCmsProductList':
      return layoutName === PRODUCT_LIST.BEGONIA_TRIPLE;
    case 'DatoCmsInstagram':
      return layoutName === SOCIAL.BEGONIA_SEPTUPLE;
    case 'DatoCmsImageAndText':
      return layoutName === IMAGE_AND_TEXT.BEGONIA_MAP;
  }
  return false;
}

export const headerIsLeftAligned = (layoutName: moduleLayoutType) => {
  return (layoutName === HEADER.COSMOS_DEFAULT || layoutName === HEADER.LEFT);
}