Files
phosphor-icons/src/components/Toolbar/Toolbar.tsx

27 lines
668 B
TypeScript

import React from "react";
import "./Toolbar.css";
import StyleInput from "../StyleInput/StyleInput";
import SearchInput from "../SearchInput/SearchInput";
import SizeInput from "../SizeInput/SizeInput";
import ColorInput from "../ColorInput/ColorInput";
import SettingsActions from "../SettingsActions/SettingsActions";
type ToolbarProps = {};
const Toolbar: React.FC<ToolbarProps> = () => {
return (
<nav className="toolbar" id="toolbar">
<div className="toolbar-contents">
<StyleInput />
<SearchInput />
<SizeInput />
<ColorInput />
<SettingsActions />
</div>
</nav>
);
};
export default Toolbar;