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

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

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

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

export { topBigStyle, bottomBigStyle, topDoubleLeftStyle, topDoubleRightStyle };