47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
|
import type {VFC} from 'react'
|
||
|
|
import React from 'react'
|
||
|
|
import type {ViewportShading} from '../store'
|
||
|
|
import {FaCube, GiCube, GiIceCube, BiCube} from 'react-icons/all'
|
||
|
|
import {CompactModeSelect} from './elements'
|
||
|
|
import ViewportShadingSettings from './ViewportShadingSettings'
|
||
|
|
|
||
|
|
export interface ViewportShadingSelectProps {
|
||
|
|
value: ViewportShading
|
||
|
|
onChange: (value: ViewportShading) => void
|
||
|
|
}
|
||
|
|
|
||
|
|
const ViewportShadingSelect: VFC<ViewportShadingSelectProps> = ({
|
||
|
|
value,
|
||
|
|
onChange,
|
||
|
|
}) => (
|
||
|
|
<CompactModeSelect
|
||
|
|
value={value}
|
||
|
|
onChange={onChange}
|
||
|
|
options={[
|
||
|
|
{
|
||
|
|
option: 'wireframe',
|
||
|
|
label: 'Display: Wireframe',
|
||
|
|
icon: <BiCube />,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
option: 'flat',
|
||
|
|
label: 'Display: Flat',
|
||
|
|
icon: <GiCube />,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
option: 'solid',
|
||
|
|
label: 'Display: Solid',
|
||
|
|
icon: <FaCube />,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
option: 'rendered',
|
||
|
|
label: 'Display: Rendered',
|
||
|
|
icon: <GiIceCube />,
|
||
|
|
},
|
||
|
|
]}
|
||
|
|
settingsPanel={<ViewportShadingSettings />}
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
|
||
|
|
export default ViewportShadingSelect
|