# Franco

Franco box component

## Props

| prop           | type     | required | default | description                                                 |
|:---------------|:---------|:---------|:--------|:------------------------------------------------------------|
| `labelContent` | `string` | `false`  | `''`    | Content of the label                                        |
| `title`        | `string` | `false`  | `''`    | Title of the left part of the component                     |
| `content`      | `string` | `false`  | `''`    | Content of the left part of the component, if content is    |
|                |          |          |         | the only parameter given to the Franco component            |
|                |          |          |         | it will take its whole width                                |
| `type`         | `string` | `false`  | `plain` | The type of the Label                                       |
| `color`        | `string` | `false`  | ``      | The color of the font for the label                         |
| `background`   | `string` | `false`  | ``      | The color of the background for the label                   |
| `width`        | `number` | `false`  | ``      | Number to custom sized the franco box                       |
|                |          |          |         |                                                             |
| `labelTooltip` | `string` | `false`  | ``      | A string to display tooltip for the label inside franco box |
| `infoTooltip`  | `string` | `false`  | ``      | A string to display tooltip next to the title of franco     |
|                |          |          |         |                                                             |
| `buttons`      | `object` | `false`  | ``      | An array of object to display button inside franco box      |
| `hasBorder`    | `boolean` | `false`  | ``     | Check if we need add border to component                    |


## Buttons Props
| prop     | type       | required | default | description                                      |
|:---------|:-----------|:---------|:--------|:-------------------------------------------------|
| `icon`   | `string`   | `true`   | ``      | The icon to display as button                    |
| `title`  | `string`   | `true`   | ``      | The title of the modal to display when it's open |
| `render` | `function` | `true`   | ``      | the custom render to display some informations   |