export const selectStyle = {
  position: 'relative',
  width: '200px',
};

export const selectedOptionStyle = {
  backgroundColor: 'black',
  color: 'white',
  padding: '10px',
  cursor: 'pointer',
};

export const optionsContainerStyle = {
  position: 'absolute',
  width: '100%',
  backgroundColor: 'black',
  boxShadow: '0 2px 5px rgba(0, 0, 0, 0.3)',
  zIndex: '9999999',
};

export const optionStyle = {
  padding: '10px',
  cursor: 'pointer',
  transition: 'all 0.2s',
};

export const optionHoverStyle = {
  backgroundColor: 'black',
  color: 'white',
};