7cc162c57c
* feat(console-lite): add nav icons * feat(console-lite): refactor resizing into reusable hook * feat(console-lite): refactor navigation drawer * feat(console-lite): add blue colour to theme-lite.js * feat(console-lite): remove liquidity from nav items * feat(console-lite): make style changes to navbar and add tab-bar for mobile * chore(console-lite): change div to aside * fix(console-lite): drawer left to right mode on mobile * fix(console-lite): add missing className prop to drawer-wrapper.tsx * feat(console-lite): add accessibility related changes * fix(console-lite): fix linting errors * fix(console-lite): fix failing test and add extra accessibility label * refactor(console-lite): refactor conditional classNames * refactor(console-lite): move useResize to react-helpers library * refactor(console-lite): refactor sun and moon classNames * fix(console-lite): fix broken e2e tests
14 lines
401 B
TypeScript
14 lines
401 B
TypeScript
import * as React from 'react';
|
|
import classNames from 'classnames';
|
|
import type { ReactElement } from 'react';
|
|
|
|
interface Props {
|
|
children: ReactElement | ReactElement[];
|
|
className?: string;
|
|
}
|
|
|
|
export const DrawerWrapper = ({ children, className = '' }: Props) => {
|
|
const classes = classNames('flex dark:bg-black md:flex-row', className);
|
|
return <div className={classes}>{children}</div>;
|
|
};
|