import React from 'react'
import { IconWidget } from '@pind/designable-react'
import { BoxStyleSetter } from '../BoxStyleSetter'
export interface IBorderRadiusStyleSetterProps {
  value?: string
  onChange?: (value: string) => void
}

export const BorderRadiusStyleSetter: React.FC<
  IBorderRadiusStyleSetterProps
> = (props) => {
  return (
    <BoxStyleSetter
      {...props}
      labels={[
        <IconWidget infer="TopLeft" size={16} key="1" />,
        <IconWidget infer="TopRight" size={16} key="2" />,
        <IconWidget infer="BottomRight" size={16} key="3" />,
        <IconWidget infer="BottomLeft" size={16} key="4" />,
      ]}
    />
  )
}