jsx import { jsx } from "@emotion/core" ; import * as T from "../../../types" ; import { row } from "../../../styles" ; import Section from "./Section" ; import { LengthPropertyEditor } from "./StylePropertyEditor" ; type Props = { style : T . LayerStyle ; onChange : ( style : T . LayerStyle ) => void ; } ; export default function BorderRadius ( { style , onChange } ) { return ( < Section title = "Border Radius" > < div css = { row } > < LengthPropertyEditor label = "T/L" value = { style . borderTopLeftRadius } onChange = { onChange } property = "borderTopLeftRadius" onlyPositive = { true } / > < LengthPropertyEditor label = "T/R" value = { style . borderTopRightRadius } onChange = { onChange } property = "borderTopRightRadius" onlyPositive = { true } / > < LengthPropertyEditor label = "B/R" value = { style . borderBottomRightRadius } onChange = { onChange } property = "borderBottomRightRadius" onlyPositive = { true } / > < LengthPropertyEditor label = "B/L" value = { style . borderBottomLeftRadius } onChange = { onChange } property = "borderBottomLeftRadius" onlyPositive = { true } / > < /div> < /Section>); }