const topDoubleLeftStyle = {
  width: "20px",
  height: "15px",
  border: "none",
  borderTopLeftRadius: "10px",
  borderTopRightRadius: "10px",
  borderBottomLeftRadius: "0px",
  borderBottomRightRadius: "0px",
  top: "-15px",
  left: "20px",
  background: "#6f6f6f",
};

const topDoubleRightStyle = {
  width: "20px",
  height: "15px",
  border: "none",
  borderTopLeftRadius: "10px",
  borderTopRightRadius: "10px",
  borderBottomLeftRadius: "0px",
  borderBottomRightRadius: "0px",
  top: "-15px",
  background: "#6f6f6f",
};

const topBigStyle = {
  width: "100%",
  height: "10px",
  border: "none",
  borderTopLeftRadius: "10px",
  borderTopRightRadius: "10px",
  borderBottomLeftRadius: "0px",
  borderBottomRightRadius: "0px",
  top: "-10px",
  background: "#6f6f6f",
};

const bottomBigStyle = {
  width: "100%",
  height: "10px",
  border: "none",
  borderTopLeftRadius: "0px",
  borderTopRightRadius: "0px",
  borderBottomLeftRadius: "10px",
  borderBottomRightRadius: "10px",
  bottom: "-10px",
  background: "#6f6f6f",
};

const topSmallStyle = {
  width: "20px",
  height: "15px",
  border: "none",
  borderTopLeftRadius: "10px",
  borderTopRightRadius: "10px",
  borderBottomLeftRadius: "0px",
  borderBottomRightRadius: "0px",
  top: "-15px",
  background: "#6f6f6f",
};

const bottomSmallStyle = {
  width: "20px",
  height: "15px",
  border: "none",
  borderTopLeftRadius: "0px",
  borderTopRightRadius: "0px",
  borderBottomLeftRadius: "10px",
  borderBottomRightRadius: "10px",
  bottom: "-15px",
  background: "#6f6f6f",
};

export {
  topBigStyle,
  bottomBigStyle,
  topDoubleLeftStyle,
  topDoubleRightStyle,
  bottomSmallStyle,
};