text: import React from "react";
  import { useOverrides } from "@quarkly/components";
  import { Text, List } from "@quarkly/widgets";
  const defaultProps = {
  	"margin": "0px 0px 0px 0px",
  	"padding": "0px 0px 0px 20px",
  	"list-style-type": "disc",
  	"as": "ul"
  };
  const overrides = {
  	"text": {
  		"kind": "Text",
  		"props": {
  			"margin": "0px 0px 0px 0px",
  			"children": "First item"
  		}
  	},
  	"text1": {
  		"kind": "Text",
  		"props": {
  			"margin": "0px 0px 0px 0px",
  			"children": "Second item"
  		}
  	},
  	"text2": {
  		"kind": "Text",
  		"props": {
  			"margin": "0px 0px 0px 0px",
  			"children": "Third item"
  		}
  	}
  };
  
  const R = props => {
  	const {
  		override,
  		children,
  		rest
  	} = useOverrides(props, overrides, defaultProps);
  	return <List {...rest}>
  		<Text {...override("text")} />
  		<Text {...override("text1")} />
  		<Text {...override("text2")} />
  		{children}
  	</List>;
  };
  
  Object.assign(R, { ...List,
  	defaultProps,
  	overrides
  });
  export default R;