@crossed/demo/lib/module/ui/display/List.js

A universal & performant styling library for React Native, Next.js & React

import { jsx, jsxs } from "react/jsx-runtime";
import { UilAngleRight, UilSetting } from "@iconscout/react-native-unicons";
import { List } from "@crossed/ui";
const ListDemo = ({ color, size }) => {
  return /* @__PURE__ */ jsxs(List, { color, size, children: [
    /* @__PURE__ */ jsxs(List.Item, { icon: /* @__PURE__ */ jsx(UilSetting, {}), iconAfter: /* @__PURE__ */ jsx(UilAngleRight, {}), pressable: true, children: [
      /* @__PURE__ */ jsx(List.Title, { children: "Setting" }),
      /* @__PURE__ */ jsx(List.SubTitle, { children: "Setting of your account" })
    ] }),
    /* @__PURE__ */ jsxs(List.Item, { iconAfter: /* @__PURE__ */ jsx(UilAngleRight, {}), pressable: true, children: [
      /* @__PURE__ */ jsx(List.Title, { children: "Profile" }),
      /* @__PURE__ */ jsx(List.SubTitle, { children: "Manage social information" })
    ] }),
    /* @__PURE__ */ jsxs(List.Item, { iconAfter: /* @__PURE__ */ jsx(UilAngleRight, {}), pressable: true, children: [
      /* @__PURE__ */ jsx(List.Title, { children: "Security" }),
      /* @__PURE__ */ jsx(List.SubTitle, { children: "Modify security account" })
    ] }),
    /* @__PURE__ */ jsx(
      List.Item,
      {
        title: "Users",
        subtitle: "List permissions users",
        disabled: true,
        iconAfter: /* @__PURE__ */ jsx(UilAngleRight, {}),
        pressable: true
      }
    ),
    /* @__PURE__ */ jsx(List.Item, { title: "Log out", iconAfter: /* @__PURE__ */ jsx(UilAngleRight, {}), pressable: true })
  ] });
};
ListDemo.displayName = "ListDemo";
export {
  ListDemo
};
//# sourceMappingURL=List.js.map