import { ZProgressBar_Props } from '@zurich/dev-utils/code/ProgressBar';
export type ProgressBar_StyleProps = {
    /** ## Progress bar
     *
     * The `z-progress-bar` attribute setted to `linear` or `round` will insert z-progress-bar component.
     *
     * ---
     *
     * ### Attributes for `linear` progress bar
     * - `linear`: _( string )_ setted to the `z-progress-bar` tag will display the linear progress bar.
     * - `size`: _(optional)_ defines the size of the progress bar. The default value is `m`. Possible values are: `m` or `s`
     *
     * Pattern: `<linear><?:size>`
     *
     * ### Attributes for `round` progress bar
     * - `round`: _( string )_ setted to the `z-progress-bar` tag will display the round progress bar.
     * - `style`: _(optional)_ defines the style of the progress bar. The only possible value is `solid`.
     * - `size`: _(optional)_ defines the size of the progress bar. The default value is `m`. Possible values are: `xs`, `s`, `l`, `xl`
     *
     * Pattern: `<round><?:style><?:size>`
     *
     * ---
     *
     * The CSS component uses a `<progress>` tag that needs to be wrapper with a `<figure>` in case a caption wants to be used with the `<caption>` tag.
     *
     * ### Examples:
     * - `linear`:
     * ```html
     * <figure>
     *   <progress
     *     max="100"
     *     progress-bar-title="Title"
     *     value="50"
     *     z-progress-bar="linear:s"
     *   ></progress>
     *   <figcaption>
     *      Caption
     *    </figcaption>
     * </figure>
     * ```
     * ![example_1](./atoms/ProgressBar/ProgressBarLinear.png)
     *
     * - `round`:
     * ```html
     * <figure>
     *   <progress
     *     max="100"
     *     progress-bar-title="Title"
     *     value="50"
     *     z-progress-bar="round"
     *   ></progress>
     *   <figcaption>
     *      Caption
     *    </figcaption>
     * </figure>
     * ```
     * ![example_2](./atoms/ProgressBar/ProgressBarRound.png)
     * ### References:
     * - #### [![](./SB.png) Documentation](./atoms/progress-bar)
     */
    'z-progress-bar'?: ZProgressBar_Props['config'] | true;
    /** ... */
    'progress-bar-title'?: ZProgressBar_Props['progress-bar-title'];
    /** ... */
    highlight?: ZProgressBar_Props['highlight'] | '';
};