/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-a795c5b | Cube Dev Team */
//#region src/tasty/styles/styledScrollbar.ts
/**
* @deprecated `styledScrollbar` is deprecated. Use `scrollbar` instead.
*/
function styledScrollbarStyle({ styledScrollbar: val }) {
	if (val == null) return null;
	if (!val) return [{
		$: "::-webkit-scrollbar",
		display: "none"
	}, { "scrollbar-width": "none" }];
	return [
		{
			$: "::-webkit-scrollbar",
			width: "var(--scrollbar-width)",
			height: "var(--scrollbar-width)"
		},
		{
			$: "::-webkit-scrollbar-track",
			"background-color": "var(--scrollbar-bg-color)"
		},
		{
			$: "::-webkit-scrollbar-thumb",
			"background-color": "var(--scrollbar-thumb-color)",
			"border-radius": "var(--scrollbar-radius)",
			border: "var(--scrollbar-outline-width) solid var(--scrollbar-outline-color)",
			"background-clip": "padding-box"
		},
		{
			$: "::-webkit-scrollbar-corner",
			"background-color": "var(--scrollbar-corner-color)"
		}
	];
}
styledScrollbarStyle.__lookupStyles = ["styledScrollbar"];

//#endregion
export { styledScrollbarStyle };
//# sourceMappingURL=styledScrollbar.js.map