import { css } from '@emotion/css';

/**
 * Web-only static classes for AccordionV2.
 *
 * These cover the transition-bearing elements whose transform/max-height
 * values are computed dynamically in the component and merged on top via
 * `useWebMergeStyles`. Keeping the transitions here (rather than inside
 * `useStyles`) means the transition declaration is attached to a stable
 * class — the browser then animates the values we feed in at render time.
 */
const webStaticStyles = {
  iconTransition: css({
    transition: 'transform 0.3s',
  }),
  contentTransition: css({
    transition: 'max-height 0.3s ease-in-out',
  }),
};

export default webStaticStyles;