const CopyButtonStyles = {
  methods: {
    generateStyles() {
      return `
        .${this.componentClass}${this.hash} {
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: ${this.width};
          flex: 1 0 ${this.width};
          gap: 5px;
        }
        .${this.componentClass}__row${this.hash} {
          flex: 0 0 100%;
          display: flex;
          align-items: center;
          gap: 5px;
        }
        .${this.componentClass}__condition-selector${this.hash} {
          flex: 0 0 100%;
          width: 100%;
        }
        .${this.componentClass}__increment-selector${this.hash} {
          flex: 1 0 50px;
          width: 50px;
        }
        .${this.componentClass}__timetype-selector${this.hash} {
          flex: 1 0 70px;
          width: 70px;
        }
      `
    }
  }
};

export default CopyButtonStyles;