import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from "../../lib/utils";
export const homeListContainerClass = "divide-y divide-border-default";
export const homeListRowClass = "group relative flex w-full cursor-pointer items-start gap-3 px-4 py-3 text-left transition-colors duration-200 hover:bg-neutral-grey-5 md:items-center md:gap-4 md:px-5";
export function HomeListIcon({ children, className, ...props }) {
    return (_jsx("span", { ...props, className: cn("bg-neutral-grey-5 text-neutral-grey-50 group-hover:bg-highlight-10 group-hover:text-highlight-100 relative flex h-9 w-9 shrink-0 items-center justify-center rounded-lg transition-all duration-200", className), children: children }));
}
export function HomeListBadge({ children, className, }) {
    return (_jsx("span", { className: cn("badge-pad shrink-0 rounded-[4px] text-[11px] font-normal", className), children: children }));
}
//# sourceMappingURL=HomeListRow.js.map