import React from 'react';
import { Button } from './Button';

function App() {
  return (
    <Button variant="primary">Primary Button</Button>
  );
}

import React from 'react';
import { Button } from './Button';

function App() {
  return (
    <Button variant="secondary">Secondary Button</Button>
  );
}

import React from 'react';
import { Button } from './Button';

function App() {
  return (
    <Button variant="rounded">Rounded Button</Button>
  );
}

import React from 'react';
import { Button } from './Button';

function App() {
  return (
    <Button variant="border">Border Button</Button>
  );
}

import React from 'react';
import { Button } from './Button';

function App() {
  return (
    <Button variant="disabled">Disabled Button</Button>
  );
}

import React from 'react';
import { Button } from './Button';

function App() {
  return (
    <Button variant="threeD">3D Button</Button>
  );
}

import React from 'react';
import { Button } from './Button';

function App() {
  return (
    <Button variant="withIcon">
      <span className="material-icons mr-2">star</span> Button with Icon
    </Button>
  );
}