Starting from v6, neeto-ui supports enhanced customization of components using
CSS variables. These are the variables that are being used in the `NoData`
component.

```css
// Description
--neeto-ui-no-data-description-margin-top: 0.5rem;

// Help Text
--neeto-ui-no-data-help-text-margin-top: 0.5rem;

// Image
--neeto-ui-no-data-image-margin-bottom: 1.5rem;
--neeto-ui-no-data-image-max-width: 11.5rem;
--neeto-ui-no-data-image-height: auto;

// Action Block
--neeto-ui-no-data-action-block-margin-top: 1.5rem;
--neeto-ui-no-data-action-block-gap: 0.5rem;
```

You can use these variables to customize the component to your liking. Here is
an example:

```css
.neetix-nodata {
  --neeto-ui-no-data-image-margin-bottom: 2rem;
  --neeto-ui-no-data-image-max-width: 20rem;
  --neeto-ui-no-data-action-block-margin-top: 2rem;
}
```

#### Output
