/**
 * Rather than define an element for the StateLayer, it's best that we just give some
 * shared styles and helper functions for components that define their own state layers.
 * This is due to the ShadowDom and the border-radius of the state layer not following
 * the parent element's border-radius inside the shadow dom, because the span is
 * nested inside the <bm-state-layer> which the component will inherit its border-radius.
 * This nesting of the tag also makes it difficult for the state layer to listen to states
 * like hover, active, and focus. We could get around some of these libations using :host
 * and :host-context but it would make are styles less sharable, between the React and Lit components.
 * We could also not use the ShadowDom, but this has its own set of problems, and still doesn't.
 * solve the border-radius issue Thus, it's best we go with a more functional approach and have
 * each component define its own state layer. This also makes the code more readable and maintainable.
 *
 */
export declare const stateLayerClassName: () => string;
export declare const stateLayerStyles: import('lit').CSSResult;
//# sourceMappingURL=StateLayer.d.ts.map