import * as React from "react";

export interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {
  open?: boolean;
}

export function Collapsible({
  open = true,
  className = "",
  ...props
}: CollapsibleProps): React.JSX.Element {
  return <div data-state={open ? "open" : "closed"} className={className} {...props} />;
}
