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

/**
 * Platform-agnostic static styles for AccordionV2.
 *
 * Dynamic values (icon rotation, maxHeight transitions, cursor based on
 * `disabled`) live inside the component via `useStyles`.
 */
const accordionStaticStyles = makeStyles((theme) => ({
  root: {
    // The outer container stacks the label row and the collapsible content.
  },
  labelRow: {
    display: 'flex',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  iconContainer: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    marginLeft: theme.spacing[4],
  },
  animatedAccordionRoot: {
    overflow: 'hidden',
  },
  accordionContentRoot: {
    overflow: 'hidden',
  },
}));

export default accordionStaticStyles;