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

export const couponListItemStaticStyles = makeStyles((theme) => ({
  header: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
  },
  couponRoot: {
    marginRight: theme.spacing[6],
  },
  descriptionInline: {
    display: 'inline' as unknown as 'flex',
  },
  descriptionContainer: {
    display: 'flex',
    flexDirection: 'column',
  },
  knowMoreLabelCollapsed: {
    marginTop: 2,
    opacity: 1,
    visibility: 'visible',
    cursor: 'pointer',
    transition: 'opacity 0.3s',
  },
  knowMoreLabelExpanded: {
    marginTop: 2,
    opacity: 0,
    visibility: 'hidden',
    cursor: 'auto',
    transition: 'opacity 0.3s',
  },
  knowMoreList: {
    marginLeft: theme.spacing[4],
  },
}));