// import './scss/main.scss'
import Button from './components/Button.svelte'
import Collapse from './components/Collapse.svelte'
import Dialog from './components/Dialog'
import Field from './components/Field.svelte'
import Icon from './components/Icon.svelte'
import Input from './components/Input.svelte'
import Message from './components/Message.svelte'
import Modal from './components/Modal'
import Notification from './components/Notification'
import Progress from './components/Progress.svelte'
import Snackbar from './components/Snackbar'
import Switch from './components/Switch.svelte'
import {
  Tabs,
  Tab
} from './components/Tabs'
import Toast from './components/Toast'
import {
  Layout,
  Header,
  Content,
  Sider,
  Footer
} from './components/Layout'
import Pagination from './components/Pagination/Pagination.svelte'
import Datepicker from './components/DatePicker/Datepicker.svelte'
import Timepicker from './components/Timepicker/TimePicker.svelte'
import Carousel from './components/Carousel/Carousel.svelte'
import {
  Nav,
  NavItem,
  NavLayout
} from './components/Nav'
import ColorPicker from './components/ColorPicker/ColorPicker.svelte';
import Tip from './components/Tip/Tip.svelte'
import Slider from './components/Slider/Slider.svelte';

export {
  Button,
  Collapse,
  Dialog,
  Field,
  Icon,
  Input,
  Message,
  Progress,
  Modal,
  Notification,
  Snackbar,
  Switch,
  Tabs,
  Tab,
  Toast,
  Layout,
  Header,
  Content,
  Sider,
  Footer,
  Pagination,
  Datepicker,
  Timepicker,
  Carousel,
  Nav,
  NavItem,
  NavLayout,
  ColorPicker,
  Tip,
  Slider
}

export const Svelma = {
  Button,
  Collapse,
  Dialog,
  Icon,
  Input,
  Field,
  Message,
  Modal,
  Notification,
  Progress,
  Snackbar,
  Switch,
  Tabs,
  Tab,
  Toast,
  Layout,
  Header,
  Content,
  Sider,
  Footer,
  Pagination,
  Datepicker,
  Timepicker,
  Carousel,
  Nav,
  NavItem,
  NavLayout,
  ColorPicker,
  Tip,
  Slider
}