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

export const couponStaticStyles = makeStyles((theme) => ({
  root: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
    columnGap: theme.spacing[3],
    paddingVertical: theme.spacing[2],
    paddingHorizontal: theme.spacing[4],
    borderRadius: theme.border.radius[6],
    backgroundColor: theme.color.coupon.primaryBg,
  },
  dotContainer: {
    height: theme.size[6],
    width: theme.size[6],
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
  },
}));