import React from 'react';
import { storiesOf } from '@storybook/react';
import { Link, DropDown } from 'asc-web-components';
import Readme from './README.md';
import {text, boolean, withKnobs, select } from '@storybook/addon-knobs/react';
import withReadme from 'storybook-readme/with-readme';
import { Container, Row, Col } from 'reactstrap';
const type = ['action', 'page'];
const colors = ['black', 'gray', 'blue', 'filter', 'profile'];
const target = ['_blank', '_self', '_parent', '_top'];
const dropdownType = ['filter', 'menu', 'none'];
const dropdownColor = ['filter', 'profile', 'sorting','number','email', 'group'];
const rowStyle = {
marginTop: 8,
paddingLeft: 20,
fontSize: 12
};
storiesOf('Components|Link', module)
.addDecorator(withKnobs)
.addDecorator(withReadme(Readme))
.add('base', () => (
Simple link
))
.add('all', () => (
Page link
Page link hovered
Bold page link
Page link
Page link hovered
Page link
Page link hovered
Action link
Action link hovered
Action link dotted
Action link
Action link hovered
Action link dotted
Action link
Action link hovered
Action link dotted
Sorting: Last name
My profile
Show on page: 25
Dropdown appear after hover
Some group filter
))
;