import { tcv } from "@choiceform/design-system";
const planTodoListTv = tcv({
  slots: {
    root: "group/plan-todo flex w-full flex-col",
    header: "flex items-center pr-2 select-none",
    title: "font-strong",
    current: "ml-2 min-w-0",
    viewport: "max-h-64",
    content: "w-full min-w-0 p-0.5"
  },
  variants: {
    expanded: {
      true: {
        root: "p-2 pb-2",
        header: "h-6"
      },
      false: {
        root: "hover:bg-tertiary-background px-2 pb-1",
        header: "h-8"
      }
    }
  }
});
const todoItemTv = tcv({
  slots: {
    root: "group/todo-item text-secondary-foreground flex h-6 min-w-0 items-center rounded-md pr-1 select-none",
    icon: "flex size-6 flex-shrink-0 items-center justify-center",
    queueIcon: [
      "border-secondary-foreground",
      "size-3 flex-shrink-0 rounded-full border border-dashed"
    ],
    content: "flex min-w-0 flex-1 items-center gap-2",
    markdown: "min-w-0 flex-1",
    text: "text-body-medium min-w-0 truncate [&>*]:!font-normal",
    meta: "text-secondary-foreground flex items-center gap-2"
  },
  variants: {
    state: {
      pending: {
        text: ""
      },
      active: {
        text: "text-default-foreground"
      },
      completed: {
        text: ""
      },
      failed: {
        text: "text-danger-foreground"
      }
    }
  },
  defaultVariants: {
    state: "pending"
  }
});
export {
  planTodoListTv,
  todoItemTv
};
//# sourceMappingURL=tv.js.map
