/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
/* empty css         */
import "react";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/core/Schedule/Schedule.tsx
var ScheduleItem = ({ time, title, speaker, description, className = "" }) => /* @__PURE__ */ jsxs("li", {
	className: `schedule-item grid grid-cols-[6rem_1fr] gap-x-4 py-3 border-b border-border-1 last:border-b-0 ${className}`,
	children: [/* @__PURE__ */ jsx("time", {
		className: "text-sm font-medium text-(--text-subtle) pt-0.5",
		children: time
	}), /* @__PURE__ */ jsxs("div", { children: [
		/* @__PURE__ */ jsx("h4", { children: title }),
		speaker && /* @__PURE__ */ jsx("p", {
			className: "text-sm text-(--text-muted) mt-0.5",
			children: speaker
		}),
		description && /* @__PURE__ */ jsx("p", {
			className: "mt-1 text-sm",
			children: description
		})
	] })]
});
var Schedule = ({ children, className = "" }) => /* @__PURE__ */ jsx("ul", {
	className: `mb-8 list-none p-0 ${className}`,
	"aria-label": "Schedule",
	children
});
//#endregion
export { Schedule, ScheduleItem };

//# sourceMappingURL=Schedule2.js.map