text: import React from 'react';
  import Link from "@quarkly/widgets";
  import { useOverrides } from "@quarkly/components";
  import atomize from "@quarkly/atomize";
  const defaultProps = {
  	"height": "100px"
  };
  const overrides = {
  	"My Link": {
  		kind: "Link",
  		props: {
  			src: "#"
  		}
  	}
  };
  
  const Props = props => {
  	const {
  		override,
  		children,
  		rest
  	} = useOverrides(props, overrides, defaultProps);
  	return <div {...rest}>
  		{children}
  	</div>;
  };
  
  export default atomize(Props)({
  	name: "Props",
  	effects: {
  		hover: ":hover"
  	},
  	normalize: true,
  	mixins: true,
  	description: {
  		// paste here description for your component
  		en: "Props — my awesome component"
  	},
  	propInfo: {
  		// paste here props description for your component
  		background: {
  			title: 'property title',
  			description: {
  				en: 'property description'
  			},
  			control: 'color',
  			category: 'main',
  			weight: 1
  		}
  	}
  });