/**
 * CSS Classes mapping for TabComponent
 */

// Tab Wrapper Classes
export var tabWrapperClasses = {
  wrapper: 'pisell-tabstruct-wrapper'
};

// Tab List Classes
export var tabListClasses = {
  list: 'pisell-tabstruct-list'
};

// Tab Item Classes
export var tabItemClasses = {
  item: 'pisell-tabstruct-item',
  selected: 'pisell-tabstruct-item--selected',
  disabled: 'pisell-tabstruct-item--disabled'
};

// Rail Classes
export var railClasses = {
  rail: 'pisell-tabstruct-rail'
};

// Selection Indicator Classes
export var selectionClasses = {
  selection: 'pisell-tabstruct-selection',
  position: 'pisell-tabstruct-selection--positioned',
  focused: 'pisell-tabstruct-selection--focused'
};

// Scroll Shadow Classes
export var shadowClasses = {
  shadow: 'pisell-tabstruct-shadow',
  isVisible: 'pisell-tabstruct-shadow--visible',
  locationStart: 'pisell-tabstruct-shadow--start',
  locationEnd: 'pisell-tabstruct-shadow--end'
};

// Chevron Controls Classes
export var chevronClasses = {
  controls: 'pisell-tabstruct-chevron-controls',
  button: 'pisell-tabstruct-chevron-button',
  disabled: 'pisell-tabstruct-chevron-button--disabled'
};

// Individual Chevron Button Classes
export var chevronButtonClasses = {
  button: 'pisell-tabstruct-chevron-button',
  disabled: 'pisell-tabstruct-chevron-button--disabled',
  prev: 'pisell-tabstruct-chevron-button--prev',
  next: 'pisell-tabstruct-chevron-button--next'
};

// Export class names for external use
export var tabWrapperClassNames = {
  wrapper: tabWrapperClasses.wrapper
};
export var tabListClassNames = {
  list: tabListClasses.list
};
export var tabItemClassNames = {
  item: tabItemClasses.item,
  selected: tabItemClasses.selected,
  disabled: tabItemClasses.disabled
};
export var railClassNames = {
  rail: railClasses.rail
};
export var selectionClassNames = {
  selection: selectionClasses.selection,
  position: selectionClasses.position,
  focused: selectionClasses.focused
};
export var shadowClassNames = {
  shadow: shadowClasses.shadow,
  isVisible: shadowClasses.isVisible,
  locationStart: shadowClasses.locationStart,
  locationEnd: shadowClasses.locationEnd
};
export var chevronClassNames = {
  controls: chevronClasses.controls,
  button: chevronClasses.button,
  disabled: chevronClasses.disabled
};