import { makeStyles } from '@cleartrip/ct-design-style-manager';

export const singleSelectChipStaticStyles = makeStyles((theme) => {
  return {
    chipWrapper: {
      display: 'flex',
      position: 'relative',
      alignItems: 'center',
      flexWrap: 'wrap',
      borderRadius: theme.border.radius[8],
      alignSelf: 'flex-start',
      rowGap: theme.spacing[3],
      columnGap: theme.spacing[3],
    },
    promptBoxStyles: {
      display: 'flex',
      alignItems: 'center',
      marginTop: theme.spacing[2],
      marginLeft: theme.spacing[3],
    },
    promptIconStyles: {
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      height: theme.size[4],
      width: theme.size[4],
      paddingRight: theme.spacing[1],
    },
    chipLabelStyles: {
      paddingVertical: 0,
      paddingHorizontal: 4,
    },
    chipRootStyles: {
      borderRadius: 30,
      paddingVertical: theme.spacing['1.5'],
      paddingHorizontal: theme.spacing[2],
      borderWidth: 0,
    },
    chipBoxShadow: {
      shadowColor: 'rgb(231, 231, 231)',
      shadowOffset: { width: 0, height: 0 },
      shadowOpacity: 1,
      shadowRadius: 1,
      elevation: 1,
      borderWidth: 1,
    },
  };
});