/**
 * Class name applied to scrollable containers whose native scrollbars must
 * be hidden (e.g. custom scrollbar-area viewports, select popups that
 * manage their own scroll arrows). Kept in sync with the React package.
 */
export const DISABLE_SCROLLBAR_CLASS_NAME = "base-ui-disable-scrollbar";

/**
 * CSS text that hides native scrollbars for elements carrying
 * {@link DISABLE_SCROLLBAR_CLASS_NAME}. Two declarations cover
 * scrollbar-width for Firefox/standards and the legacy WebKit pseudo.
 */
export const DISABLE_SCROLLBAR_STYLE = `.${DISABLE_SCROLLBAR_CLASS_NAME}{scrollbar-width:none}.${DISABLE_SCROLLBAR_CLASS_NAME}::-webkit-scrollbar{display:none}`;

/**
 * Pure helper describing the disable-scrollbar style artifact.
 *
 * **Port note:** the React source exposes `getElement(nonce?)` that returns
 * a `<style>` element via JSX. In the Solid port the renderer component
 * owns element creation, so this helper exposes only the inert pieces —
 * the class name and the CSS text — and the component wires them into its
 * own `<style>` node.
 */
export const styleDisableScrollbar = {
	className: DISABLE_SCROLLBAR_CLASS_NAME,
	css: DISABLE_SCROLLBAR_STYLE,
};