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

import readmeTitle from '../../../../templates/title/src/components/slide/readme.md';
import readmeContent from '../../../../templates/content/src/components/slide/readme.md';
import readmeSplit from '../../../../templates/split/src/components/slide/readme.md';
import readmeGif from '../../../../templates/gif/src/components/slide/readme.md';
import readmeChart from '../../../../templates/chart/src/components/slide/readme.md';
import readmeYoutube from '../../../../templates/youtube/src/components/slide/readme.md';
import readmeAuthor from '../../../../templates/author/src/components/slide/readme.md';
import readmeQRCode from '../../../../templates/qrcode/src/components/slide/readme.md';
import readmePoll from '../../../../templates/poll/src/components/slide/readme.md';
import readmeAspectRatio from '../../../../templates/aspect-ratio/src/components/readme.md';
import readmePlayground from '../../../../templates/playground/src/components/slide/readme.md';

export const DocTitle = () => <Description markdown={readmeTitle} />;
export const DocContent = () => <Description markdown={readmeContent} />;
export const DocSplit = () => <Description markdown={readmeSplit} />;
export const DocGif = () => <Description markdown={readmeGif} />;
export const DocChart = () => <Description markdown={readmeChart} />;
export const DocYoutube = () => <Description markdown={readmeYoutube} />;
export const DocAuthor = () => <Description markdown={readmeAuthor} />;
export const DocQRCode = () => <Description markdown={readmeQRCode} />;
export const DocPoll = () => <Description markdown={readmePoll} />;
export const DocAspectRatio = () => <Description markdown={readmeAspectRatio} />;
export const DocPlayground = () => <Description markdown={readmePlayground} />;
