import { __ } from '@wordpress/i18n';
import SectionContainer from '../../../../../../components/SectionContainer';
import PlaceHolderTip from '../../Common/PlaceHolderTip';
import BadgeColors from './BadgeColors/BadgeColors';
import BadgeContents from './BadgeContents';
import BadgeDimension from './BadgeDimension';

const BadgeDesign = () => {
  return (
    <SectionContainer className='wmx-mt-6' title={__('Badge Design')}>
      <div className='wmx-flex wmx-flex-col wmx-gap-4'>
        <BadgeContents />
        <BadgeDimension />
        <BadgeColors />
        <PlaceHolderTip showProBadge={true} />
      </div>
    </SectionContainer>
  );
};
export default BadgeDesign;
