import {Description} from '@storybook/addon-docs/blocks';

import readmeLaserPointer from '../../../../webcomponents/laser-pointer/src/components/laser-pointer/readme.md';
import readmeBarChart from '../../../../webcomponents/charts/src/components/charts/deckdeckgo-bar-chart/readme.md';
import readmeLineChart from '../../../../webcomponents/charts/src/components/charts/deckdeckgo-line-chart/readme.md';
import readmePieChart from '../../../../webcomponents/charts/src/components/charts/deckdeckgo-pie-chart/readme.md';
import readmeDemo from '../../../../webcomponents/elements/src/components/demo/readme.md';
import readmeDragResizeRotate from '../../../../webcomponents/drag-resize-rotate/src/components/readme.md';
import readmeHighlightCode from '../../../../webcomponents/highlight-code/src/components/highlight-code/readme.md';
import readmeLazyImage from '../../../../webcomponents/lazy-img/src/components/lazy-img/readme.md';
import readmeMath from '../../../../webcomponents/math/src/components/math/readme.md';
import readmeQRCode from '../../../../webcomponents/elements/src/components/qrcode/qrcode/readme.md';
import readmeSocial from '../../../../webcomponents/elements/src/components/social/readme.md';
import readmeSocialImage from '../../../../webcomponents/social-img/src/components/readme.md';
import readmeWordCloud from '../../../../webcomponents/word-cloud/src/components/word-cloud/readme.md';
import readmeYoutube from '../../../../webcomponents/elements/src/components/youtube/readme.md';

export const DocLaserPointer = () => <Description markdown={readmeLaserPointer} />;
export const DocBarChart = () => <Description markdown={readmeBarChart} />;
export const DocLineChart = () => <Description markdown={readmeLineChart} />;
export const DocPieChart = () => <Description markdown={readmePieChart} />;
export const DocDemo = () => <Description markdown={readmeDemo} />;
export const DocDragResizeRotate = () => <Description markdown={readmeDragResizeRotate} />;
export const DocHighlightCode = () => <Description markdown={readmeHighlightCode} />;
export const DocLazyImage = () => <Description markdown={readmeLazyImage} />;
export const DocMath = () => <Description markdown={readmeMath} />;
export const DocQRCode = () => <Description markdown={readmeQRCode} />;
export const DocSocial = () => <Description markdown={readmeSocial} />;
export const DocSocialImage = () => <Description markdown={readmeSocialImage} />;
export const DocWordCloud = () => <Description markdown={readmeWordCloud} />;
export const DocYoutube = () => <Description markdown={readmeYoutube} />;
