HTML
            


            
PUG
            
include ../../../mixins/swap-component.pug

mixin ConseilPush(className)
  if className
    .title-exemple
      h4= className
  .push(class=className)
    .wrapper-principal 
      .wrapper-content 
        .wrapper-head 
          .title 
            h2 Title #[strong bold]
        .wrapper-components
          +swap-component(description='none')
    .wrapper-complementary 
      p Lorem ipsum
      button.chip(type='button')
        span click

.row 
  .col-md-6
    +ConseilPush( "-title-size-large -neutral -align-center ")
  .col-md-6
    +ConseilPush( "-title-size-large -border -align-center ")
.documentation-space
.row 
  .col-md-4
    +ConseilPush( "-title-size-large -bg-8 -align-center ")
  .col-md-4
    +ConseilPush( "-title-size-large -bg-9 -align-center ")
  .col-md-4
    +ConseilPush( "-title-size-large -bg-10 -align-center ")
.documentation-space
.row 
  .col-md-4
    +ConseilPush( "-title-size-large -bg-11 -align-center ")
  .col-md-4
    +ConseilPush( "-title-size-large -bg-12 -align-center ")
  .col-md-4
    +ConseilPush( "-title-size-large -bg-13 -align-center ")