import React from 'react';
import Blue from './prints/Blue.PNG';
import Default from './prints/Default.PNG';
import Green from './prints/Green.PNG';
import LightBlue from './prints/LightBlue.PNG';
import Orange from './prints/Orange.PNG';
import Red from './prints/Red.PNG';
import Vivid from './prints/Vivid.PNG';

export const BlueTheme = () => {
  return <img width="100%" src={Blue} />;
};

export const DefaultTheme = () => {
  return <img width="100%" src={Default} />;
};

export const GreenTheme = () => {
  return <img width="100%" src={Green} />;
};

export const LightBlueTheme = () => {
  return <img width="100%" src={LightBlue} />;
};

export const OrangeTheme = () => {
  return <img width="100%" src={Orange} />;
};

export const RedTheme = () => {
  return <img width="100%" src={Red} />;
};

export const VividTheme = () => {
  return <img width="100%" src={Vivid} />;
};
