import Localize, {
  localize
} from '@datawind/extension-localize'
import { getSettingsConfig } from 'src/utils'

const Settings = () => ({
  defaultValue: {
    custom: {
      backgroundColor: '#21252C',
      shadowColor: 'rgba(0,0,0,0.25)',
      borderColor: '#E3E5EB',
      borderStyle: 'solid',
      borderWidth: 0,
      rotateAngle: 0,
      shadowX: 0,
      shadowY: 0,
      shadowB: 0,
      shadowS: 0,
    },
    width: 40,
    height: 40,
    isFollowTheme: true,
  },
  config: [
    {
      type: 'collapse-pane',
      title: localize("settings.graphicsStyle"),
      key: 'diagram-style-panel',
      children: getSettingsConfig([
        'backgroundColor',
        'stroke',
        'rotate',
        'shadow',
      ])
    },
    {
      type: 'ElementBasicPanel',
    },
  ]
})
export default Settings
