import '../src/styles.scss';

export const decorators = [
  (Story, context) => {
    return (
      <div className="bg-white text-slate-500 dark:bg-slate-900 dark:text-slate-400">
        {context.title.startsWith('Project Graph') ? (
          <div className="flex justify-center">
            <div className="relative flex h-full w-72 flex-col overflow-y-scroll pb-10 shadow-lg ring-1 ring-slate-900/10 ring-opacity-10 transition-all dark:ring-slate-300/10">
              <Story />
            </div>
          </div>
        ) : (
          <Story />
        )}
      </div>
    );
  },
];