wix-style-react/src/Accordion/AccordionSectionItem/AccordionSectionItem.js

wix-style-react

import React from 'react';
import { st, classes } from './AccordionSectionItem.st.css';
import Text from '../../Text';

import { WixStyleReactContext } from '../../WixStyleReactProvider/context';

function accordionSectionItem({ title }) {
  return (
    <WixStyleReactContext.Consumer>
      {({ reducedSpacingAndImprovedLayout }) => (
        <div className={st(classes.root, { reducedSpacingAndImprovedLayout })}>
          <Text skin="standard" weight="bold" size="small" ellipsis>
            {title}
          </Text>
        </div>
      )}
    </WixStyleReactContext.Consumer>
  );
}

export default accordionSectionItem;