import { type ClassValue } from 'clsx';
import type { Action } from 'svelte/action';
import type { StyleProperties } from './types';
/**
 * Svelte action to change the class property on an element.
 *
 * We use [clsx](https://github.com/lukeed/clsx) under the hood,
 * which allows you to pass different shapes and only have truthy names
 * applied as classes. Read me about it on their docs.
 *
 * @example
 *
 * ```svelte
 * <script>
 *   import { classList } from 'svelte-body';
 *
 *   let isBlue = $state(true);
 * </script>
 *
 * <svelte:body use:classList={"red green blue"} />
 * <svelte:body use:classList={{ red: true, blue: isBlue }} />
 * <svelte:body use:classList={['red', isBlue && 'blue']} />
 * <svelte:body use:classList={[ 'red', { blue: isBlue } ]} />
 * ```
 */
export declare const classList: Action<HTMLElement, ClassValue>;
/**
 * Svelte action that changes the `style` property on an element.
 * Accepts both a string and style properties object.
 *
 * @example
 *
 * ```svelte
 * <script>
 *   import { style } from 'svelte-body';
 * </script>
 *
 * <svelte:body use:style={"background-color: blue;"} />
 * <svelte:body use:style={{ backgroundColor: 'blue' }} />
 * ```
 */
export declare const style: Action<HTMLElement, StyleProperties | string>;