import { Descriptions, DescriptionsProps } from "antd";
import { ReactNode } from "react";

interface AppDescriptionsProps extends Partial<DescriptionsProps> {
  items: DescriptionsProps["items"];
  title?: ReactNode;
  bordered?: boolean;
  layout?: "horizontal" | "vertical";
  // column?: number;
}

const AppDescriptions = ({
  items = [],
  title,
  bordered = true,
  layout = "horizontal",
  column = { xs: 1, sm: 2, md: 3 },
  ...props
}: AppDescriptionsProps) => {
  return (
    <Descriptions
      title={title}
      items={items}
      bordered={bordered}
      layout={layout}
      column={column}
      {...props}
    />
  );
};

export default AppDescriptions;